<p class="headerTitle"
    *ngIf="tagData&&tagData?.data&&tagData?.data?.cssType!=='25-accordion'&&tagData.data.cssType!=='24-button-type'&&tagData?.data?.headerTitle"
    [ngStyle]="tagData?.data?.headerTitleCssStyle|styleFilter">
    {{tagData?.data?.headerTitle}}
</p>

<!--顾问详情-->
<ng-container *ngIf="!tagData.data.cssType">
    <div class="tag-container" [ngStyle]="tagData.cssStyle | styleFilter">
        <div class="top-bg"></div>
        <div class="store-consultant-bg" [ngStyle]="tagData.data.boxCssStyle|styleFilter">
            <div class="store-consultant">
                <ng-container *ngIf="appTypeCustom!='LJ'">
                    <div class="avatar-box" appDebounceClick (debounceClick)="goPage(tagData.data.link)">
                        <img class="avatar-img" src="{{this.tagData.data.imageUrl}}"
                            onerror="this.src='assets/img/headtrait.png'">
                        <img class="star-img" src="assets/laijian/star_recommender@3x.png">
                    </div>
                    <div class="title-box">
                        <p class="name" [title]="tagData.data.name">{{this.tagData.data.name}}</p>
                        <p class="tag" *ngIf="this.tagData.data.tag!==''">
                            {{this.tagData.data.tag}}
                        </p>
                        <ng-container *ngFor="let tradeArray of this.tagData.data.trade">
                            <span class="tradeTag">
                                {{tradeArray}}
                            </span>
                        </ng-container>
                        <p class="trade" *ngIf="this.tagData.data.area">{{this.tagData.data.area}}</p>
                        <p class="trade" *ngIf="this.tagData.data.service"
                            [innerHTML]="this.tagData.data?.service | parseStyle">
                        </p>
                        <div class="star-box"
                            *ngIf="this.tagData.data.evaluationVal&&this.tagData.data.evaluationVal!=''">
                            <span class="star-trade">{{scoreTitle}}</span>
                            <app-rating [rate]="this.tagData.data.evaluationVal"></app-rating>
                            <span class="star-score">{{this.tagData.data.evaluationVal}}</span>
                        </div>
                    </div>
                    <img *ngIf="this.tagData?.data?.chat" appDebounceClick
                        (debounceClick)="chat(this.tagData?.data?.chat)" class="call-img"
                        src="assets/icon/expert_icon_chat@3x.png">

                    <img appDebounceClick (debounceClick)="call(this.tagData.data.phone,this.tagData.data.name)"
                        class="call-img" src="assets/icon/expert_icon_phone@3x.png">
                </ng-container>
                <ng-container *ngIf="appTypeCustom==='LJ'">
                    <img class="informationImg" *ngIf="this.tagData.data.imageUrl !== undefined"
                        src="{{this.tagData.data.imageUrl}}" onerror="this.src='assets/img/default_img.png'"
                        appDebounceClick (debounceClick)="goPage(tagData.data.link)">
                    <div class="informationRight">
                        <div class="firstClassBox">
                            <p class="fristClass">
                                <span class="fristClassTitle">{{tagData.data.name}}</span>
                                <ng-container *ngFor="let item of tagData.data.workTag">
                                    <span class="title-tag" [ngStyle]="item.cssStyle|styleFilter">{{item.label}}</span>
                                </ng-container>
                            </p>
                            <div class="info-box">
                                <div class="second-left">
                                    <p class="secondClass"> {{tagData.data.phone}}</p>
                                    <p class="downTags">
                                        <ng-container *ngFor="let item of tagData.data.tags">
                                            <span class="title-tag"
                                                [ngStyle]="item.cssStyle|styleFilter">{{item.label}}</span>
                                        </ng-container>
                                    </p>
                                </div>
                                <img class="second-phone" appDebounceClick
                                    (debounceClick)="call(this.tagData.data.phone,this.tagData.data.name)"
                                    src="assets/icon/expert_icon_phone_laijian@3x.png">
                            </div>
                        </div>
                    </div>
                </ng-container>
            </div>
            <p class="sign" *ngIf="tagData.data?.personalSign && tagData.data?.personalSign.length > 0"> <span><img
                        src="assets/icon/salesman_icon_autograph@3x.png" alt="" class="sign-icon"></span>
                <span>{{tagData.data?.personalSign}}</span>
            </p>


        </div>
    </div>
</ng-container>
<!--星级推荐人-->
<ng-container *ngIf="tagData.data.cssType==='0'">
    <div class="tag-container" [ngStyle]="tagData.data.cssStyle | styleFilter">
        <div class="main-box" [ngStyle]="tagData.data?.mainBoxCssStyle | styleFilter">
            <div class="box1">
                <div class="avatar-box" appDebounceClick (debounceClick)="goPage(tagData.data.link)">
                    <img class="avatar-img" src="{{this.tagData.data.imageUrl}}"
                        onerror="this.src='assets/img/headtrait.png'">
                    <ng-container *ngIf="this.tagData.data.evaluationlevel&&this.tagData.data.evaluationlevel!=0">
                        <img class="star-img" src="assets/laijian/star_recommender@3x.png">
                    </ng-container>
                </div>
                <div class="title-box" appDebounceClick (debounceClick)="goPage(tagData.data.link)">
                    <div class="name-box">
                        <span class="js-name" [title]="tagData.data.name">{{this.tagData.data.name}}</span>
                        <span class="company" *ngIf="tagData.data.company"
                            [title]="tagData.data.company">{{this.tagData.data.company}}</span>
                    </div>
                    <ng-container *ngFor="let item of laijianTagArray">
                        <p class="lj-tag" *ngIf="item">{{item}}</p>
                    </ng-container>
                    <ng-container *ngFor="let tradeArray of this.tagData.data.trade">
                        <span class="tradeTag">
                            {{tradeArray}}
                        </span>
                    </ng-container>
                    <p class="trade" *ngIf="this.tagData.data.area">{{this.tagData.data.area}}</p>
                    <p class="trade" *ngIf="this.tagData.data.service">
                        {{this.tagData.data?.service}}<span class="state"
                            *ngIf="this.tagData.data?.state">{{this.tagData.data?.state}}</span>
                    </p>
                    <div class="star-box" *ngIf="this.tagData.data.evaluationVal&&this.tagData.data.evaluationVal!=''">
                        <span class="star-trade">{{scoreTitle}}</span>
                        <app-rating [rate]="this.tagData.data.evaluationVal"></app-rating>
                        <span class="star-score">{{this.tagData.data.evaluationVal}}</span>
                    </div>
                    <ng-container *ngFor="let item of this.tagData.data.tags">
                        <span class="lj-tag" *ngIf="item&&item.label"
                            [ngStyle]="item.cssStyle | styleFilter">{{item.label}}</span>
                    </ng-container>
                </div>
            </div>
            <p class="sign" *ngIf="tagData.data?.personalSign && tagData.data?.personalSign.length > 0"> <span><img
                        src="assets/icon/salesman_icon_autograph@3x.png" alt="" class="sign-icon"></span>
                <span>{{tagData.data?.personalSign}}</span>
            </p>
        </div>
    </div>

</ng-container>
<!--星级推荐人1-->
<ng-container *ngIf="tagData.data.cssType==='1'">
    <div class="tag-container" [ngStyle]="tagData.data.cssStyle | styleFilter">
        <div class="main-box" [ngStyle]="tagData.data?.mainBoxCssStyle | styleFilter">
            <div class="box1">
                <div class="avatar-box" appDebounceClick (debounceClick)="goPage(tagData.data.link)">
                    <img class="avatar-img" src="{{this.tagData.data.imageUrl}}"
                        onerror="this.src='assets/img/headtrait.png'"
                        [ngStyle]="tagData.data.imageUrlCssStyle|styleFilter">
                    <ng-container *ngIf="this.tagData.data.evaluationlevel&&this.tagData.data.evaluationlevel!=0">
                        <img class="star-img" src="assets/laijian/star_recommender@3x.png">
                    </ng-container>
                </div>
                <div class="title-box" appDebounceClick (debounceClick)="goPage(tagData.data.link)">
                    <div class="name-box">
                        <span class="js-name" [title]="tagData.data.name">{{this.tagData.data.name}}</span>
                        <span class="company" *ngIf="tagData.data.company"
                            [ngStyle]="this.tagData.data.companyCssStyle|styleFilter"
                            [title]="tagData.data.company">{{this.tagData.data.company}}</span>
                    </div>
                    <ng-container *ngFor="let item of laijianTagArray">
                        <p class="lj-tag" *ngIf="item">{{item}}</p>
                    </ng-container>
                    <ng-container *ngFor="let tradeArray of this.tagData.data.trade">
                        <span class="tradeTag">
                            {{tradeArray}}
                        </span>
                    </ng-container>
                    <p class="trade" *ngIf="this.tagData.data.area" [ngStyle]="tagData.data.areaCssStyle|styleFilter">
                        {{this.tagData.data.area}}</p>
                    <p class="trade" *ngIf="this.tagData.data.service">
                        {{this.tagData.data?.service}}<span class="state"
                            *ngIf="this.tagData.data?.state">{{this.tagData.data?.state}}</span>
                    </p>
                    <div class="star-box" *ngIf="this.tagData.data.evaluationVal&&this.tagData.data.evaluationVal!=''">
                        <span class="star-trade">{{scoreTitle}}</span>
                        <app-rating [rate]="this.tagData.data.evaluationVal"></app-rating>
                        <span class="star-score">{{this.tagData.data.evaluationVal}}</span>
                    </div>
                    <ng-container *ngFor="let item of this.tagData.data.tags">
                        <span class="lj-tag" *ngIf="item&&item.label"
                            [ngStyle]="item.cssStyle | styleFilter">{{item.label}}</span>
                    </ng-container>
                </div>
            </div>
            <p class="sign" *ngIf="tagData.data?.personalSign && tagData.data?.personalSign.length > 0"> <span><img
                        src="assets/icon/salesman_icon_autograph@3x.png" alt="" class="sign-icon"></span>
                <span>{{tagData.data?.personalSign}}</span>
            </p>
        </div>
    </div>

</ng-container>
<!--设计师主页-服务评价-->
<ng-container *ngIf="tagData.data.cssType==='2'">
    <div class="tag-container" [ngStyle]="tagData.cssStyle | styleFilter">
        <div class="top-bg-type2" [ngStyle]="tagData.data.topBgCssStyle|styleFilter"></div>
        <div class="store-consultant-bg" [ngStyle]="tagData.data.boxCssStyle|styleFilter">
            <div class="store-consultant">
                <div class="img-bg" *ngIf="this.tagData.data.imageUrl">
                    <img src="{{this.tagData.data.imageUrl}}" alt="" class="avatar">
                    <span class="star" *ngIf="tagData.data.starDesignerLabel"
                        [ngStyle]="tagData.data.starDesignerCssStyle | styleFilter">{{tagData.data.starDesignerLabel}}</span>
                </div>
                <div class="content-bg">
                    <div class="name-bg">
                        <div class="name-tag">
                            <span class="name" *ngIf="tagData.data.name"
                                [ngStyle]="tagData.data.nameCssStyle | styleFilter">{{tagData.data.name}}</span>
                            <ng-container *ngFor="let item of tagData.data.tags">
                                <span *ngIf="tagData.data.tags" class="newTag"
                                    [ngStyle]="item.cssStyle | styleFilter">{{item.name}}</span>
                            </ng-container>
                            <img *ngIf="tagData.data.male" src="{{tagData.data.male}}"
                                onerror="this.src='assets/fw/male.png'" class="gender" />
                            <img *ngIf="tagData.data.female" src="{{tagData.data.female}}"
                                onerror="this.src='assets/fw/female.png'" class="gender" />
                        </div>
                        <span class="area" [ngStyle]="tagData.data.areaCssStyle | styleFilter"
                            *ngIf="tagData.data.area">{{tagData.data.area}}</span>
                    </div>
                    <p class="tag-bg" *ngIf="tagData.data.secondRowTags">
                        <span class="tag-" *ngFor="let tag of tagData.data.secondRowTags">{{tag}}</span>
                    </p>
                    <p *ngIf="tagData.data.phone" [ngStyle]="tagData.data.phoneCssStyle | styleFilter">
                        {{tagData.data.phone}}
                    </p>
                    <div class="second-row" *ngIf="tagData.data.secondRowLeftLabel">
                        <span class="text" *ngIf="tagData.data.secondRowLeftLabel"
                            [ngStyle]="tagData.data.secondRowLeftCssStyle | styleFilter">{{tagData.data.secondRowLeftLabel}}</span>
                        <div *ngIf="tagData.data.secondRowSpLine"
                            [ngStyle]="tagData.data.secondRowSpLine | styleFilter"></div>
                        <span class="text" *ngIf="tagData.data.secondRowRightLabel"
                            [ngStyle]="tagData.data.secondRowRightCssStyle | styleFilter">{{tagData.data.secondRowRightLabel}}</span>
                    </div>
                    <div class="third-row" *ngIf="tagData.data.thirdRowLeftLabel">
                        <img class="icon" *ngIf="tagData.data.thirdRowLeftIconUrl"
                            [ngStyle]="tagData.data.thirdRowCssStyle | styleFilter"
                            src="{{tagData.data.thirdRowLeftIconUrl}}" />
                        <span class="text" *ngIf="tagData.data.thirdRowLeftLabel"
                            [ngStyle]="tagData.data.thirdRowLeftCssStyle | styleFilter">{{tagData.data.thirdRowLeftLabel}}</span>
                    </div>
                </div>
            </div>
            <p class="sign" *ngIf="tagData.data?.personalSign && tagData.data?.personalSign.length > 0"> <span><img
                        src="assets/icon/salesman_icon_autograph@3x.png" alt="" class="sign-icon"></span>
                <span>{{tagData.data?.personalSign}}</span>
            </p>
        </div>
    </div>
</ng-container>
<!--直租直售顾问店铺 1.9.0 新增微信复制功能-->
<ng-container *ngIf="tagData.data.cssType==='3'">
    <div class="tag-container" [ngStyle]="tagData.cssStyle | styleFilter">
        <div class="top-bg-type3"></div>
        <div class="cssType3bg">
            <div class="cssType3">
                <div class="img-bg" *ngIf="this.tagData.data.imageUrl">
                    <img src="{{this.tagData.data.imageUrl}}" alt="" class="avatar">
                    <span class="star" *ngIf="tagData.data.starDesignerLabel"
                        [ngStyle]="tagData.data.starDesignerCssStyle | styleFilter">{{tagData.data.starDesignerLabel}}</span>
                </div>
                <div class="content-bg">
                    <div class="name-bg">
                        <div class="name-tag">
                            <span class="name" *ngIf="tagData.data.name"
                                [ngStyle]="tagData.data.nameCssStyle | styleFilter">{{tagData.data.name}}</span>
                            <ng-container *ngFor="let item of tagData.data.tags">
                                <span *ngIf="tagData.data.tags" class="newTag"
                                    [ngStyle]="item.cssStyle | styleFilter">{{item.name}}</span>
                            </ng-container>
                        </div>
                        <span class="area" [ngStyle]="tagData.data.areaCssStyle | styleFilter"
                            *ngIf="tagData.data.area">{{tagData.data.area}}</span>
                    </div>
                    <p class="tag-bg" *ngIf="tagData.data.secondRowTags">
                        <span class="tag-" *ngFor="let tag of tagData.data.secondRowTags">{{tag}}</span>
                    </p>
                    <div class="second-row" *ngIf="tagData.data.secondRowLeftLabel">
                        <span class="text" *ngIf="tagData.data.secondRowLeftLabel"
                            [ngStyle]="tagData.data.secondRowLeftCssStyle | styleFilter">{{tagData.data.secondRowLeftLabel}}</span>
                        <div *ngIf="tagData.data.secondRowSpLine"
                            [ngStyle]="tagData.data.secondRowSpLine | styleFilter"></div>
                        <span class="text" *ngIf="tagData.data.secondRowRightLabel"
                            [ngStyle]="tagData.data.secondRowRightCssStyle | styleFilter">{{tagData.data.secondRowRightLabel}}</span>
                    </div>
                    <div class="third-row" *ngIf="tagData.data.thirdRowLeftLabel">
                        <img class="icon" *ngIf="tagData.data.thirdRowLeftIconUrl"
                            [ngStyle]="tagData.data.thirdRowCssStyle | styleFilter"
                            src="{{tagData.data.thirdRowLeftIconUrl}}" />
                        <span class="text" *ngIf="tagData.data.thirdRowLeftLabel"
                            [ngStyle]="tagData.data.thirdRowLeftCssStyle | styleFilter">{{tagData.data.thirdRowLeftLabel}}</span>
                    </div>
                    <div class="fourth-row" *ngIf="tagData.data.fourthRowLeftLabel">
                        <span class="text" *ngIf="tagData.data.fourthRowLeftLabel"
                            [ngStyle]="tagData.data.fourthRowLeftCssStyle | styleFilter">{{tagData.data.fourthRowLeftLabel}}</span>
                        <img class="icon" *ngIf="tagData.data.copyWechatBtn" appDebounceClick
                            (debounceClick)="copyClick($event,tagData.data.copyWechatBtn.link.label,tagData.data.copyWechatBtn.link.params.msg)"
                            [ngStyle]="tagData.data.copyWechatBtn.cssStyle | styleFilter"
                            src="{{tagData.data.copyWechatBtn.iconUrl}}" />
                        <img class="icon" *ngIf="tagData.data.qrCodeBtn" appDebounceClick
                            (debounceClick)="goPage(tagData.data.qrCodeBtn?.link)"
                            [ngStyle]="tagData.data.qrCodeBtn.cssStyle | styleFilter"
                            src="{{tagData.data.qrCodeBtn.iconUrl}}" />
                    </div>
                </div>
                <div *ngIf="tagData.data.score&&tagData.data.scoreLabel">
                    <span *ngIf="tagData.data.score"
                        [ngStyle]="tagData.data.scoreCssStyle|styleFilter">{{tagData.data.score}}</span>
                    <span *ngIf="tagData.data.scoreLabel"
                        [ngStyle]="tagData.data.scoreLabelCssStyle|styleFilter">{{tagData.data.scoreLabel}}</span>
                </div>
            </div>
            <div class="secondBox">
                <span *ngIf="tagData.data.infoTag1"
                    [ngStyle]="tagData.data.infoTag1CssStyle | styleFilter">{{tagData.data.infoTag1}}</span>
                <span *ngIf="tagData.data.infoTag2"
                    [ngStyle]="tagData.data.infoTag2CssStyle | styleFilter">{{tagData.data.infoTag2}}</span>
            </div>
            <div class="thirdBox">
                <ion-grid class="grid-padding">
                    <ion-row class="" justify-content: center>
                        <ion-col class="main-item" offset="0" size="4">
                            <div class="content-rigtht">
                                <p class="item-value" [ngStyle]="tagData.data.serviceTimeCssStyle|styleFilter">
                                    {{tagData.data.serviceTime}}
                                    <span class="item-unit-up"
                                        [ngStyle]="tagData.data.serviceTimeUnitCssStyle|styleFilter">{{tagData.data.serviceTimeUnit}}</span>
                                </p>
                                <p class="item-label" [ngStyle]="tagData.data.serviceTimeLabelCssStyle|styleFilter">
                                    {{tagData.data.serviceTimeLabel}}</p>
                            </div>
                        </ion-col>
                        <ion-col class="main-item" offset="0" size="4">
                            <div class="sep-line"></div>
                            <div class="content-rigtht">
                                <p class="item-value" [ngStyle]="tagData.data.serviceCountCssStyle|styleFilter">
                                    {{tagData.data.serviceCount}}
                                    <span class="item-unit-up"
                                        [ngStyle]="tagData.data.serviceCountUnitCssStyle|styleFilter">{{tagData.data.serviceCountUnit}}</span>
                                </p>
                                <p class="item-label" [ngStyle]="tagData.data.serviceCountLabelCssStyle|styleFilter">
                                    {{tagData.data.serviceCountLabel}}</p>
                            </div>
                        </ion-col>
                        <ion-col class="main-item" offset="0" size="4">
                            <div class="sep-line"></div>
                            <div class="content-rigtht">
                                <p class="item-value" [ngStyle]="tagData.data.serviceBannerCssStyle|styleFilter">
                                    {{tagData.data.serviceBanner}}
                                    <span class="item-unit-up"
                                        [ngStyle]="tagData.data.serviceBannerUnitCssStyle|styleFilter">{{tagData.data.serviceBannerUnit}}</span>
                                </p>
                                <p class="item-label" [ngStyle]="tagData.data.serviceBannerLabelCssStyle|styleFilter">
                                    {{tagData.data.serviceBannerLabel}}</p>
                            </div>
                        </ion-col>
                    </ion-row>
                </ion-grid>
            </div>
            <p class="sign" *ngIf="tagData.data?.personalSign && tagData.data?.personalSign.length > 0"> <span><img
                        src="assets/icon/salesman_icon_autograph@3x.png" alt="" class="sign-icon"></span>
                <span>{{tagData.data?.personalSign}}</span>
            </p>
        </div>
    </div>
</ng-container>
<!--装修公司主页-->
<ng-container *ngIf="tagData.data.cssType==='5'">
    <div class="tag-container" [ngStyle]="tagData.cssStyle | styleFilter">
        <div class="headBox" [ngStyle]="tagData.data?.headBoxCssStyle | styleFilter">
            <div class="headLeftTitle">{{tagData.data?.headLeftTitle}}</div>
            <div class="headRightBox" [ngStyle]="tagData.data?.headRightBoxCssStyle | styleFilter">
                <img src="{{tagData.data.headRightIcon}}" *ngIf="tagData.data.headRightIcon"
                    [ngStyle]="tagData.data?.headRightIconCssStyle | styleFilter" class="headRightIcon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1714015301830e39656ba9089bf722cda6f04ee12c171.png'" />
                {{tagData.data?.headRightTitle}}
            </div>
        </div>

        <div class="cssType5bg" [ngStyle]="tagData.data?.cssType5bgBoxCssStyle | styleFilter">
            <div class="cssType5" [ngStyle]="tagData.data?.cssType5BoxCssStyle | styleFilter">
                <div class="img-bg5" *ngIf="this.tagData.data.imageUrl"
                    [ngStyle]="tagData.data?.imgBg5BoxCssStyle | styleFilter">
                    <img src="{{this.tagData.data.imageUrl}}" alt="" class="avatar5"
                        [ngStyle]="tagData.data.imageUrlCssStyle | styleFilter">
                    <span class="updateAvatarBtnLabel" *ngIf="tagData.data.updateAvatarBtnLabel" appDebounceClick
                        (debounceClick)="presentAction()"
                        [ngStyle]="tagData.data.updateAvatarBtnLabelCssStyle | styleFilter">{{tagData.data.updateAvatarBtnLabel}}</span>
                    <span class="star5" *ngIf="tagData.data.starDesignerLabel"
                        [ngStyle]="tagData.data.starDesignerCssStyle | styleFilter">{{tagData.data.starDesignerLabel}}</span>
                </div>
                <div class="content-bg" [ngStyle]="tagData.data?.contentBoxCssStyle | styleFilter">
                    <div class="name-bg" [ngStyle]="tagData.data?.nameBgTagBoxCssStyle | styleFilter">
                        <div class="name-tag" [ngStyle]="tagData.data?.nameTagBoxCssStyle | styleFilter">
                            <div class="name" class="displayFlexStart" *ngIf="tagData.data.name"
                                [ngStyle]="tagData.data.nameCssStyle | styleFilter">{{tagData.data.name}}

                                <div *ngIf="tagData.data?.nameTag"
                                    [ngStyle]="tagData.data.nameTagCssStyle | styleFilter">

                                    <img *ngIf="tagData.data?.nameTagImg" class="headRightIcon"
                                        [ngStyle]="tagData.data.nameTagImgCssStyle | styleFilter"
                                        [src]="tagData.data?.nameTagImg" />
                                    {{tagData.data.nameTag}}
                                </div>


                                <div class="updateNameBtnLabel" *ngIf="tagData.data?.updateNameBtnLabel"
                                    appDebounceClick (debounceClick)="jumpPage($event,tagData.data?.updateNameBtn)"
                                    [ngStyle]="tagData.data.updateNameBtnLabelCssStyle | styleFilter">
                                    {{tagData.data.updateNameBtnLabel}}
                                </div>

                            </div>
                            <ng-container *ngFor="let item of tagData.data.tags">
                                <span *ngIf="tagData.data.tags" class="newTag"
                                    [ngStyle]="item.cssStyle | styleFilter">{{item.name}}</span>
                            </ng-container>
                        </div>
                        <span class="area" [ngStyle]="tagData.data.areaCssStyle | styleFilter"
                            *ngIf="tagData.data.area">{{tagData.data.area}}</span>
                    </div>
                    <p class="tag-bg " *ngIf="tagData.data.secondRowTags"
                        [ngStyle]="tagData.data?.secondRowTagsBoxCssStyle | styleFilter">
                        <span class="tag-" *ngFor="let tag of tagData.data.secondRowTags">{{tag}}</span>
                    </p>

                    <div class="tag-bg type5-align" *ngIf="tagData.data.firstRow"
                        [ngStyle]="tagData.data?.firstRowBoxCssStyle | styleFilter">
                        <ng-container *ngFor="let subTag1 of tagData.data.firstRow.tags;let index = index;">
                            <div *ngIf="index>0" class="spLine"></div>
                            <span class="spanFirst"
                                [ngStyle]="tagData.data.spanFirstCssStyle | styleFilter">{{subTag1}}</span>
                        </ng-container>
                    </div>

                    <div class="first-row2" *ngIf="tagData.data.tagsLabelWithIcon"  [ngStyle]="tagData.data?.firstRow2BoxCssStyle | styleFilter">
                        <ng-container *ngFor="let item of tagData.data.tagsLabelWithIcon.labels;let index = index;">
                            <div *ngIf="index>0" class="spLine"></div>
                            <span class="newTag" [ngStyle]="tagData.data.tagsLabelWithIcon.labelCssStyle | styleFilter">
                                <img *ngIf="tagData.data.tagsLabelWithIcon.icons[index]" class="tags-icon"
                                    [src]="tagData.data.tagsLabelWithIcon.icons[index]"
                                    onerror="this.src='assets/fw/expert_icon_chat_location.png'"
                                    [ngStyle]="tagData.data.tagsLabelWithIcon.iconCssStyle|styleFilter" />
                                {{item}}</span>
                        </ng-container>

                    </div>


                    <div class="tag-bg" *ngIf="tagData.data.secondRow"
                        [ngStyle]="tagData.data?.secondRowBoxCssStyle | styleFilter">
                        <ng-container *ngFor="let subTag of tagData.data.secondRow.tags">
                            <span class="cssType5Tags"
                                [ngStyle]="tagData.data.secondRowSubTagCssStyle | styleFilter">{{subTag}}</span>
                        </ng-container>
                    </div>


                    <div class="second-row" *ngIf="tagData.data.secondRowLeftLabel"
                        [ngStyle]="tagData.data?.secondRowLeftLabelBoxCssStyle | styleFilter">
                        <span class="text" *ngIf="tagData.data.secondRowLeftLabel"
                            [ngStyle]="tagData.data.secondRowLeftCssStyle | styleFilter">{{tagData.data.secondRowLeftLabel}}</span>
                        <div *ngIf="tagData.data.secondRowSpLine"
                            [ngStyle]="tagData.data.secondRowSpLine | styleFilter"></div>
                        <span class="text" *ngIf="tagData.data.secondRowRightLabel"
                            [ngStyle]="tagData.data.secondRowRightCssStyle | styleFilter">{{tagData.data.secondRowRightLabel}}</span>
                    </div>

                    <div class="third-row" *ngIf="tagData.data.thirdRowLeftLabel"
                        [ngStyle]="tagData.data?.thirdRowLeftLabelBoxCssStyle | styleFilter" appDebounceClick
                        (debounceClick)="call(this.tagData.data.phone,this.tagData.data)">
                        <img class="icon" *ngIf="tagData.data.thirdRowLeftIconUrl"
                            [ngStyle]="tagData.data.thirdRowCssStyle | styleFilter"
                            src="{{tagData.data.thirdRowLeftIconUrl}}" />
                        <span class="text" *ngIf="tagData.data.thirdRowLeftLabel"
                            [ngStyle]="tagData.data.thirdRowLeftCssStyle | styleFilter">{{tagData.data.thirdRowLeftLabel}}</span>
                    </div>

                    <div class="fourth-row" *ngIf="tagData.data.iconTags" 
                    [ngStyle]="tagData.data?.fourtRowCssStyle | styleFilter">
                        <ng-container *ngFor="let item of tagData.data.iconTags">
                            <span class="newTag" [ngStyle]="item.cssStyle | styleFilter">
                                <img *ngIf="item.imgUrl" class="tags-icon" [src]="item.imgUrl"
                                    onerror="this.src='assets/fw/expert_icon_chat_location.png'"
                                    [ngStyle]="item.imgUrlCssStyle|styleFilter" />
                                {{item.name}}</span>
                        </ng-container>

                    </div>
                </div>
            </div>
            <div class="cssType5-bgColor" *ngIf="tagData.data?.cssType5bgColorCssStyle"
                [ngStyle]="tagData.data?.cssType5bgColorCssStyle | styleFilter"></div>

            <div *ngIf="tagData.data.thirdRow" class="lineStyle"
                [ngStyle]="tagData.data?.thirdRowLineCssStyle | styleFilter"></div>
            <div class="thirdRow" *ngIf="tagData.data.thirdRow" appDebounceClick
                (debounceClick)="goPage(tagData.data.thirdRow?.link)"
                [ngStyle]="tagData.data?.thirdRowBoxCssStyle | styleFilter">
                <div class="leftBox" [ngStyle]="tagData.data?.leftBoxCssStyle | styleFilter">
                    <div class="pFirst" [ngStyle]="tagData.data?.pFirstCssStyle | styleFilter">
                        <ng-container *ngFor="let firstItem of tagData.data.thirdRow.firstTags;let index = index;">
                            <div *ngIf="index>0" class="spLine"></div>
                            <span class="spanFirst">{{firstItem}}</span>
                        </ng-container>
                    </div>
                    <div class="pSecond" [ngStyle]="tagData.data?.pSecondBoxCssStyle | styleFilter">
                        <span class="secondTag" [ngStyle]="tagData.data?.secondTagItemCssStyle | styleFilter"
                            *ngFor="let secondItem of tagData.data.thirdRow.secondTags">{{secondItem}}</span>
                    </div>
                </div>
                <div class="rightBox" [ngStyle]="tagData.data?.rightBoxCssStyle | styleFilter">
                    <img src="assets/icon/arrow_icon_right_black@3x.png" class="rightArrow" />
                </div>
            </div>
            <div *ngIf="tagData.data.fourthRow" class="lineStyle"></div>
            <div class="fourthRow" *ngIf="tagData.data.fourthRow" appDebounceClick
                (debounceClick)="goPage(tagData.data.fourthRow?.link)"
                [ngStyle]="tagData.data?.fourthRowBoxCssStyle | styleFilter">
                <p *ngIf="tagData.data.fourthRow.firstLeftLabel"
                    [ngStyle]="tagData.data.fourthRow.firstLeftLabelCssStyle|styleFilter">
                    {{tagData.data.fourthRow.firstLeftLabel}}</p>
                <img class="locationIcon" src="{{tagData.data.fourthRow.firstRightIcon}}"
                    *ngIf="tagData.data.fourthRow.firstRightIcon" onerror="this.src='assets/fw/lc.png'" />
            </div>
            <p class="sign" *ngIf="tagData.data?.personalSign && tagData.data?.personalSign.length > 0"
                [ngStyle]="tagData.data?.signBoxCssStyle | styleFilter"> <span><img
                        src="assets/icon/salesman_icon_autograph@3x.png" alt="" class="sign-icon"></span>
                <span [ngStyle]="tagData.data?.personalSignCssStyle | styleFilter">{{tagData.data?.personalSign}}</span>
            </p>
        </div>

        <div *ngIf="tagData.data.bottomLabel" [ngStyle]="tagData.data.bottomLabelCssStyle|styleFilter">
            {{tagData.data.bottomLabel}}
        </div>
    </div>
</ng-container>
<!--收货地址-->
<ng-container *ngIf="tagData.data.cssType==='6'">
    <div class="tag-container" [ngStyle]="tagData.data.containerCssStyle | styleFilter" appDebounceClick
        (debounceClick)="gotoPage2(tagData.data.link,$event)">
        <div class="top-bg" *ngIf="!tagData.data.hideBackground" [ngStyle]="tagData.data?.topBgCssStyle| styleFilter">
        </div>
        <div class="store-consultant-bg" [ngStyle]="tagData.data.boxCssStyle|styleFilter">
            <div class="store-consultant" [ngStyle]="tagData.data.innerBoxCssStyle|styleFilter">
                <div class="img-bg5" *ngIf="this.tagData.data.imageUrl">
                    <img src="{{this.tagData.data.imageUrl}}" alt="" class="avatar5"
                        [ngStyle]="tagData.data.imageUrlCssStyle | styleFilter">
                    <span class="star5" *ngIf="tagData.data.starDesignerLabel"
                        [ngStyle]="tagData.data.starDesignerCssStyle | styleFilter">{{tagData.data.starDesignerLabel}}</span>
                </div>
                <div class="content-bg6" [ngStyle]="tagData.data.contentBg6CssStyle | styleFilter">
                    <div class="name-bg6" [ngStyle]="tagData.data.nameBg6CssStyle | styleFilter">
                        <div class="name-tag" [ngStyle]="tagData.data.nameTagBg6CssStyle | styleFilter">
                            <span class="name" *ngIf="tagData.data.name"
                                [ngStyle]="tagData.data.nameCssStyle | styleFilter">

                                <ng-container
                                    *ngIf="appGlobalService.shopAddressSelectItemName!==''; else not_select_name">
                                    {{appGlobalService.shopAddressSelectItemName}}
                                </ng-container>
                                <ng-template #not_select_name>
                                    {{tagData.data.name}}
                                </ng-template>
                            </span>
                            <span *ngIf="tagData.data.phoneLabel"
                                [ngStyle]="tagData.data.phoneLabelCssStyle | styleFilter">
                                <ng-container
                                    *ngIf="appGlobalService.shopAddressSelectItemPhone; else not_select_phone">
                                    {{appGlobalService.shopAddressSelectItemPhone}}
                                </ng-container>
                                <ng-template #not_select_phone>
                                    {{tagData.data.phoneLabel}}
                                </ng-template>

                            </span>
                            <img *ngIf="tagData.data.male" src="{{tagData.data.male}}"
                                onerror="this.src='assets/fw/male.png'" class="gender" />
                            <img *ngIf="tagData.data.female" src="{{tagData.data.female}}"
                                onerror="this.src='assets/fw/female.png'" class="gender" />
                        </div>
                        <span class="area" [ngStyle]="tagData.data.locationLabelCssStyle | styleFilter"
                            *ngIf="tagData.data.locationLabel">

                            <ng-container
                                *ngIf="appGlobalService.shopAddressSelectItemLocation; else not_select_location">
                                {{appGlobalService.shopAddressSelectItemLocation}}
                            </ng-container>
                            <ng-template #not_select_location>
                                {{tagData.data.locationLabel}}
                            </ng-template>

                            <font class="newLabel" *ngIf="tagData.data.newLabel"
                                [ngStyle]="tagData.data.newLabelCssStyle | styleFilter">
                                {{tagData.data?.newLabel}}
                            </font>
                        </span>
                    </div>
                    <div>
                        <span *ngIf="tagData.data.addressLabel"
                            [ngStyle]="tagData.data.addressLabelCssStyle|styleFilter">{{tagData.data.addressLabel}}</span>
                        <!--新增收货地址修改-->
                        <span class="topRightBtn" *ngIf="tagData.data.topRightBtnLabel"
                            [ngStyle]="tagData.data.topRightBtnLabelCssStyle|styleFilter" appDebounceClick
                            (debounceClick)="action(tagData.data.topRightBtn,$event)">{{tagData.data.topRightBtnLabel}}</span>
                        <img class="rightArrow" *ngIf="tagData.data.addressArrowIcon"
                            [ngStyle]="tagData.data.addressArrowIconCssStyle|styleFilter"
                            src="{{tagData.data.addressArrowIcon}}"
                            onerror="this.src='assets/icon/arrow_icon_right_black@3x.png'" />
                    </div>
                </div>
            </div>
            <img class="bottomImgUrl" *ngIf="tagData.data?.bottomImgUrl" [src]="tagData.data?.bottomImgUrl"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1663121565070840e085b6c55ef90efd3bcdda9019410.png'"
                [ngStyle]="tagData.data?.bottomImgUrlCssStyle|styleFilter" />
        </div>
    </div>
</ng-container>
<!--我的-客服微信-->
<ng-container *ngIf="tagData.data.cssType==='7'">
    <div *ngIf="tagData.data" class="wechatBox">
        <span class="customerBox" [ngStyle]="tagData.data.sWechatBoxCssStyle|styleFilter">
            <img src="assets/fw/share_icon_WeChat.png" onerror="this.src='assets/fw/share_icon_WeChat.png'"
                class="customerIcon" />
        </span>
        <p *ngIf="tagData.data.sFirstText" [ngStyle]="tagData.data.sFirstTextCssStyle|styleFilter">
            {{tagData.data.sFirstText}}</p>
        <div *ngIf="tagData.data.sSecondText" [ngStyle]="tagData.data.sSecondBoxCssStyle|styleFilter" appDebounceClick
            (debounceClick)="copyClick($event,tagData.data.sSecondText,tagData.data.wechatMsg)">
            <span *ngIf="tagData.data.sSecondText"
                [ngStyle]="tagData.data.sSecondTextCssStyle|styleFilter">{{tagData.data.sSecondText}}</span>
            <span *ngIf="tagData.data.sSecondButtonLabel"
                [ngStyle]="tagData.data.sSecondButtonCssStyle|styleFilter">{{tagData.data.sSecondButtonLabel}}</span>
        </div>
        <hr *ngIf="tagData.data.sLineCssStyle" [ngStyle]="tagData.data.sLineCssStyle|styleFilter" />
        <p *ngIf="tagData.data.sBottomButtonLabel" appDebounceClick (debounceClick)="closeModal()"
            [ngStyle]="tagData.data.sBottomButtonCssStyle|styleFilter">
            {{tagData.data.sBottomButtonLabel}}</p>
    </div>
</ng-container>
<!--首页-推荐-房产直租直售-->
<ng-container *ngIf="tagData.data.cssType==='8-img'">
    <div [ngStyle]="tagData.data.cssStyle | styleFilter " appDebounceClick
        (debounceClick)="gotoPage(tagData.data?.link)">
        <img [src]="tagData.data.imageUrl" onerror="this.src='assets/fw/home_sale_banner.png'"
            style="width: 100%;object-fit: cover; object-position: center;">
    </div>
</ng-container>
<!--单行可配图标-->
<ng-container *ngIf="tagData.data.cssType==='8'">
    <div [ngStyle]="tagData.data.cssStyle | styleFilter ">
        <div class="banner-box" [ngStyle]="tagData.data.bannerBoxCssStyle | styleFilter">
            <div class="boxLeft" [ngStyle]="tagData.data.boxLeftBoxCssStyle | styleFilter">
                <img class="type8Icon" *ngIf="tagData.data?.leftIconUrl" src="{{tagData.data?.leftIconUrl}}"
                    [ngStyle]="tagData.data.leftIconUrlCssStyle | styleFilter" />
                <span class="title-p" *ngIf="tagData.data&&tagData.data.title"
                    [ngStyle]="tagData.data.titleCssStyle | styleFilter">{{tagData.data.title}}</span>
                <span class="subtitle-p" *ngIf="tagData.data&&tagData.data.subTitle"
                    [ngStyle]="tagData.data.subTitleCssStyle | styleFilter">{{tagData.data.subTitle}}</span>
                <span class="immediateBtn" appDebounceClick (debounceClick)="gotoPage(tagData.data?.link)"
                    [ngStyle]="tagData.data.btnLabelCssStyle | styleFilter">{{tagData.data.btnLabel}}</span>
            </div>
            <img class="brimg" *ngIf="tagData.data?.imageUrl" src="{{tagData.data?.imageUrl}}"
                onerror="this.src='assets/laijian/home_icon@3x.png'" />
        </div>
    </div>
</ng-container>
<!--详情-推荐-房产直租直售-->
<ng-container *ngIf="tagData.data.cssType==='9-img'">
    <div [ngStyle]="tagData.data.cssStyle | styleFilter " appDebounceClick (debounceClick)="goPage(tagData.data?.link)">
        <img [src]="tagData.data.imageUrl" onerror="this.src='assets/fw/recommend_sale_banner.png'"
            style="width: 100%;object-fit: cover; object-position: center;">
    </div>
</ng-container>
<!--帮我推荐 9-->
<ng-container *ngIf="tagData.data.cssType==='9'">
    <div [ngStyle]="tagData.data.cssStyle | styleFilter ">
        <div class="banner-box-detail" [ngStyle]="tagData.data?.detailBoxCssStyle|styleFilter">
            <img class="brimg-detail" src="{{tagData.data?.imageUrl}}" onerror="this.src='assets/fw/fb_bg@3x.png'"
                [ngStyle]="tagData.data?.imageUrlCssStyle|styleFilter" />
            <div class="boxLeft-detail">
                <p class="title-p-detail" [ngStyle]="tagData.data?.titleCssStyle|styleFilter"
                    *ngIf="tagData.data&&tagData.data.title">{{tagData.data.title}}</p>
                <p class="subtitle-p-detail" [ngStyle]="tagData.data?.subTitleCssStyle|styleFilter"
                    *ngIf="tagData.data&&tagData.data.subTitle">{{tagData.data.subTitle}}</p>
            </div>
            <span class="immediateBtn-detail 1" *ngIf="tagData.data.btnLabel"
                [ngStyle]="tagData.data?.btnCssStyle|styleFilter" appDebounceClick
                (debounceClick)="gotoPage(tagData.data?.link)">{{tagData.data.btnLabel}}</span>
            <span class="immediateBtn-detail 2" *ngIf="tagData.data.rightBtnLabel"
                [ngStyle]="tagData.data?.rightBtnCssStyle|styleFilter" appDebounceClick
                (debounceClick)="operationClick(tagData.data?.rightBtn,$event)">{{tagData.data.rightBtnLabel}}</span>

            <img class="brimg-detail" *ngIf="tagData.data?.rightImageUrl" src="{{tagData.data?.rightImageUrl}}"
                onerror="this.src='assets/fw/fb_bg@3x.png'"
                [ngStyle]="tagData.data?.rightImageUrlCssStyle|styleFilter" />
        </div>
    </div>
</ng-container>
<!--详情-我要看店 cssType==='10'-->
<ng-container *ngIf="tagData.data.cssType==='10'">
    <div [ngStyle]="tagData.data.cssStyle | styleFilter ">
        <div class="banner-box-bg" [ngStyle]="tagData.data.boxCssStyle | styleFilter ">
            <div class="banner-title-left">
                <img class="titleIcon" src="assets/fw/details_icon_invite@3x.png" />
                <p class="title-p-detail" *ngIf="tagData.data&&tagData.data.title"
                    [ngStyle]="tagData.data.titleCssStyle|styleFilter">{{tagData.data.title}}</p>
            </div>
            <span class="immediateBtn-detail" appDebounceClick (debounceClick)="goPage(tagData.data?.link)"
                [ngStyle]="tagData.data.btnLabelCssStyle|styleFilter">{{tagData.data.btnLabel}}<img
                    *ngIf="tagData.data.image" [ngStyle]="tagData.data.imgCssStyle|styleFilter"
                    [src]="tagData.data.image" /></span>
        </div>
    </div>
</ng-container>
<!--支付成功页面--您还未完善转店信息，信息完整程度越高越容易成交哦！ cssType==='11'-->
<ng-container *ngIf="tagData.data.cssType==='11'">
    <hr class="css11Line" *ngIf="tagData.data.showLine!==undefined"
        [ngStyle]="tagData.data.showLineCssStyle | styleFilter " />
    <div [ngStyle]="tagData.data.cssStyle | styleFilter ">
        <div class="css11Box">
            <p class="css11Title" *ngIf="tagData.data&&tagData.data.title"
                [ngStyle]="tagData.data.titleCssStyle|styleFilter">{{tagData.data.title}}</p>
            <span class="css11btn" appDebounceClick (debounceClick)="goPage(tagData.data?.link)"
                [ngStyle]="tagData.data.btnLabelCssStyle|styleFilter">{{tagData.data.btnLabel}}</span>
        </div>
    </div>
</ng-container>
<!--分享微信二维码 cssType==='12'-->
<ng-container *ngIf="tagData.data.cssType==='12'">
    <div class="tag-container12" [ngStyle]="tagData.cssStyle | styleFilter">
        <!-- <div class="top-bg-type12"></div> -->
        <div class="cssType12bg">
            <div class="cssType12">
                <div class="img-bg12" *ngIf="this.tagData.data.imageUrl">
                    <img src="{{this.tagData.data.imageUrl}}" alt="" class="avatar12">
                    <span class="star" *ngIf="tagData.data.starDesignerLabel"
                        [ngStyle]="tagData.data.starDesignerCssStyle | styleFilter">{{tagData.data.starDesignerLabel}}</span>
                </div>
                <div class="content-bg">
                    <div class="name-bg">
                        <div class="name-tag">
                            <span class="name" *ngIf="tagData.data.name"
                                [ngStyle]="tagData.data.nameCssStyle | styleFilter">{{tagData.data.name}}</span>
                            <ng-container *ngFor="let item of tagData.data.tags">
                                <span *ngIf="tagData.data.tags" class="newTag"
                                    [ngStyle]="item.cssStyle | styleFilter">{{item.name}}</span>
                            </ng-container>
                        </div>
                        <span class="area" [ngStyle]="tagData.data.areaCssStyle | styleFilter"
                            *ngIf="tagData.data.area">{{tagData.data.area}}</span>
                    </div>
                    <p class="tag-bg" *ngIf="tagData.data.secondRowTags">
                        <span class="tag-" *ngFor="let tag of tagData.data.secondRowTags">{{tag}}</span>
                    </p>
                    <div class="second-row" *ngIf="tagData.data.secondRowLeftLabel">
                        <span class="text" *ngIf="tagData.data.secondRowLeftLabel"
                            [ngStyle]="tagData.data.secondRowLeftCssStyle | styleFilter">{{tagData.data.secondRowLeftLabel}}</span>
                        <div *ngIf="tagData.data.secondRowSpLine"
                            [ngStyle]="tagData.data.secondRowSpLine | styleFilter"></div>
                        <span class="text" *ngIf="tagData.data.secondRowRightLabel"
                            [ngStyle]="tagData.data.secondRowRightCssStyle | styleFilter">{{tagData.data.secondRowRightLabel}}</span>
                    </div>
                    <div class="third-row" *ngIf="tagData.data.thirdRowLeftLabel">
                        <img class="icon" *ngIf="tagData.data.thirdRowLeftIconUrl"
                            [ngStyle]="tagData.data.thirdRowCssStyle | styleFilter"
                            src="{{tagData.data.thirdRowLeftIconUrl}}" />
                        <span class="text" *ngIf="tagData.data.thirdRowLeftLabel"
                            [ngStyle]="tagData.data.thirdRowLeftCssStyle | styleFilter">{{tagData.data.thirdRowLeftLabel}}</span>
                    </div>
                    <div class="fourth-row" *ngIf="tagData.data.fourthRowLeftLabel">
                        <span class="text" *ngIf="tagData.data.fourthRowLeftLabel"
                            [ngStyle]="tagData.data.fourthRowLeftCssStyle | styleFilter">{{tagData.data.fourthRowLeftLabel}}</span>
                        <img class="icon" *ngIf="tagData.data.copyWechatBtn" appDebounceClick
                            (debounceClick)="copyClick($event,tagData.data.copyWechatBtn?.label,tagData.data.copyWechatBtn.link.params.msg)"
                            [ngStyle]="tagData.data.copyWechatBtn.cssStyle | styleFilter"
                            src="{{tagData.data.copyWechatBtn.iconUrl}}" />
                        <img class="icon" *ngIf="tagData.data.qrCodeBtn" appDebounceClick
                            (debounceClick)="goPage(tagData.data.qrCodeBtn?.link)"
                            [ngStyle]="tagData.data.qrCodeBtn.cssStyle | styleFilter"
                            src="{{tagData.data.qrCodeBtn.iconUrl}}" />
                    </div>
                </div>
                <div *ngIf="tagData.data.score&&tagData.data.scoreLabel">
                    <span *ngIf="tagData.data.score"
                        [ngStyle]="tagData.data.scoreCssStyle|styleFilter">{{tagData.data.score}}</span>
                    <span *ngIf="tagData.data.scoreLabel"
                        [ngStyle]="tagData.data.scoreLabelCssStyle|styleFilter">{{tagData.data.scoreLabel}}</span>
                </div>
            </div>
            <div class="secondBox">
                <span *ngIf="tagData.data.infoTag1"
                    [ngStyle]="tagData.data.infoTag1CssStyle | styleFilter">{{tagData.data.infoTag1}}</span>
                <span *ngIf="tagData.data.infoTag2"
                    [ngStyle]="tagData.data.infoTag2CssStyle | styleFilter">{{tagData.data.infoTag2}}</span>
            </div>
            <div class="thirdBox12">
                <img [src]="tagData.data?.wechatQrCodeUrl" onerror="this.src='assets/fw/ppw_app_qrcode.png'"
                    class="wechatQrCode" />
            </div>
            <p class="tips" *ngIf="tagData.data?.tips" [ngStyle]="tagData.data.tipsCssStyle|styleFilter">
                {{tagData.data?.tips}}</p>
            <p class="sign" *ngIf="tagData.data?.personalSign && tagData.data?.personalSign.length > 0"> <span><img
                        src="assets/icon/salesman_icon_autograph@3x.png" alt="" class="sign-icon"></span>
                <span>{{tagData.data?.personalSign}}</span>
            </p>
        </div>
    </div>
</ng-container>
<!--赚钱宝 新增蜂喔专区1.7.0 cssType==='13-buttonLink'-->
<ng-container *ngIf="tagData.data.cssType==='13-buttonLink'">
    <div class="tag-container13" [ngStyle]="tagData.cssStyle | styleFilter">
        <p class="type13-title" *ngIf="tagData.data.title" [ngStyle]="tagData.data.titleCssStyle|styleFilter">
            {{tagData.data.title}}</p>
        <div class="type13-main-box" [ngStyle]="tagData.data?.mainBoxCssStyle | styleFilter">

            <p class="type13-comment" *ngIf="tagData.data?.comment"
                [ngStyle]="tagData.data?.commentCssStyle|styleFilter">
                <span class="type13-comment-title" *ngIf="tagData.data?.commentTitle"
                    [ngStyle]="tagData.data?.commentTitleCssStyle|styleFilter">{{tagData.data?.commentTitle}}</span>
                {{tagData.data?.comment}}
            </p>
            <span class="type13-btn" *ngIf="tagData.data?.btnLabel" appDebounceClick
                (debounceClick)="goPage(tagData.data.link)"
                [ngStyle]="tagData.data?.btnLabelCssStyle|styleFilter">{{tagData.data?.btnLabel}}</span>
        </div>
    </div>
</ng-container>
<!--蜂喔 1.9.16 cssType==='14-buttonLink'-->
<ng-container *ngIf="tagData.data.cssType==='14-buttonLink'">
    <div class="tag-container14" [ngStyle]="tagData.cssStyle | styleFilter">
        <div class="type14-top" [ngStyle]="tagData.data.type14TopCssStyle | styleFilter">
            <div class="type14-topleft">
                <div class="type14-title" [ngStyle]="tagData.data?.titleBoxCssStyle|styleFilter">
                    <span [ngStyle]="tagData.data?.titleCssStyle|styleFilter">
                        {{tagData.data?.title}}<span class="type14-updShopName" *ngIf="tagData.data?.updateShopName"
                            [ngStyle]="tagData.data?.updateShopNameCssStyle|styleFilter" appDebounceClick
                            (debounceClick)="goPage(tagData.data.updateShopName.link)">{{tagData.data?.updateShopName?.label}}</span>
                    </span>
                    <span class="type14-tag" *ngIf="tagData.data?.subTitle"
                        [ngStyle]="tagData.data?.subTitleCssStyle|styleFilter">{{tagData.data?.subTitle}}</span>
                </div>
                <div class="type14-subTitle" *ngIf="tagData.data?.owner || tagData.data?.industry"
                    [ngStyle]="tagData.data?.ownerCssStyle|styleFilter">
                    {{tagData.data?.owner}}
                    <span class="type14-tag" *ngIf="tagData.data?.industry"
                        [ngStyle]="tagData.data?.industCssStyle|styleFilter">{{tagData.data?.industry}}</span>

                    <!--蜂喔用户1.9.18新增竖线-->
                    <div class="type23Spline" *ngIf="tagData.data?.type14ShowSpline"
                        [ngStyle]="tagData.data?.type14SplineCssStyle|styleFilter"></div>

                    <span class="type14-tag" *ngIf="tagData.data?.industry2"
                        [ngStyle]="tagData.data?.industry2CssStyle|styleFilter">{{tagData.data?.industry2}}</span>

                    <!--新增竖线-->
                    <div class="type23Spline" *ngIf="tagData.data?.type14ShowSpline2"
                        [ngStyle]="tagData.data?.type14Spline2CssStyle|styleFilter"></div>

                    <span class="type14-tag" *ngIf="tagData.data?.industry3"
                        [ngStyle]="tagData.data?.industry3CssStyle|styleFilter">{{tagData.data?.industry3}}</span>

                    <span class="type14-updShopName" *ngIf="tagData.data?.updateName"
                        [ngStyle]="tagData.data?.updateNameCssStyle|styleFilter" appDebounceClick
                        (debounceClick)="goPage(tagData.data.updateName.link)">{{tagData.data?.updateName?.label}}</span>
                </div>
            </div>

            <div class="type14-imgBg" [ngStyle]="tagData.data?.type14ImgBgCssStyle|styleFilter">
                <img class="type14-avatar" *ngIf="tagData.data?.avatar!==undefined" [src]="tagData.data?.avatar"
                    onerror="this.src='assets/icon/portrait50@3x.png'"
                    [ngStyle]="tagData.data?.avatarCssStyle|styleFilter" appDebounceClick
                    (debounceClick)="goPage(item)" />
                <span class="type14-updAvatar" *ngIf="tagData.data?.updateAvatar"
                    [ngStyle]="tagData.data?.updateAvatar?.avatarCssStyle|styleFilter" appDebounceClick
                    (debounceClick)="presentAction()">{{tagData.data?.updateAvatar?.label}}</span>
                <span class="type14-nickName" *ngIf="tagData.data?.nickName"
                    [ngStyle]="tagData.data?.nickNameCssStyle|styleFilter">{{tagData.data?.nickName}}</span>
                <img class="type14-shopowner" *ngIf="tagData.data?.isShowOwnerTag" src="assets/fw/shopowner@3x.png" />
            </div>
        </div>


        <!--蜂喔用户1.9.18 最新需求-->
        <div class="type14-bottom-box2" *ngIf="tagData.data?.isShowBottomBox3"
            [ngStyle]="tagData.data?.bottomBox3CssStyle|styleFilter">
            <ng-container *ngIf="tagData.data?.flagRows2">
                <ng-container *ngFor="let sitem of tagData.data?.flagRows2?.flags">
                    <span class="type14-bottom-flag" *ngIf="sitem && sitem !== ' '"
                        [ngStyle]="tagData.data?.flag2CssStyle|styleFilter">
                        <font [ngStyle]="tagData.data?.flag2ItemCssStyle|styleFilter">
                            {{sitem}}
                        </font>
                    </span>
                </ng-container>
            </ng-container>
        </div>

        <!--蜂喔商户 1.6.22 店铺服务修改按钮-->
        <div class="serviceShopName" [ngStyle]="tagData.data?.serviceShopNameCssStyle|styleFilter">
            {{tagData.data?.serviceShopName}}
            <span class="type14-updShopName" *ngIf="tagData.data?.updateServiceName"
                [ngStyle]="tagData.data?.updateServiceNameCssStyle|styleFilter" appDebounceClick
                (debounceClick)="goPage(tagData.data.updateServiceName.link)">{{tagData.data?.updateServiceName?.label}}</span>
        </div>

        <div class="type14-honor-box" [ngStyle]="tagData.data?.honorBoxCssStyle|styleFilter">
            <span class="type14-tag1" *ngIf="tagData.data?.tag1!==undefined"
                [ngStyle]="tagData.data?.tag1CssStyle|styleFilter">
                <img class="type14-tag-icon" [src]="tagData.data?.tag1Icon"
                    onerror="this.src='assets/fw/tab_icon_mingxingd@3x.png'" />
                {{tagData.data?.tag1}}</span>
            <span class="type14-tag2" *ngIf="tagData.data?.tag2!==undefined"
                [ngStyle]="tagData.data?.tag2CssStyle|styleFilter">
                <img class="type14-tag-icon" [src]="tagData.data?.tag2Icon"
                    onerror="this.src='assets/fw/tab_icon_mingxingd@3x.png'" />
                {{tagData.data?.tag2}}</span>
            <span class="type14-tag3" *ngIf="tagData.data?.tag3!==undefined"
                [ngStyle]="tagData.data?.tag3CssStyle|styleFilter">
                <img class="type14-tag-icon" [src]="tagData.data?.tag3Icon"
                    onerror="this.src='assets/fw/tab_icon_mingxingd@3x.png'" />
                {{tagData.data?.tag3}}</span>
            <span class="type14-tag4" *ngIf="tagData.data?.tag4!==undefined"
                [ngStyle]="tagData.data?.tag4CssStyle|styleFilter">
                <img class="type14-tag-icon" [src]="tagData.data?.tag4Icon"
                    onerror="this.src='assets/fw/tab_icon_mingxingd@3x.png'" />
                {{tagData.data?.tag4}}</span>
        </div>

        <div class="type14-bottom-box1" *ngIf="tagData.data?.isShowBottomBox1"
            [ngStyle]="tagData.data?.bottomBox1CssStyle|styleFilter">
            <div class="type14-single-box" [ngStyle]="tagData.data?.itemBox1CssStyle|styleFilter">
                <span class="type14-bottom-label" *ngIf="tagData.data?.serviceTime"
                    [ngStyle]="tagData.data?.serviceTimeCssStyle|styleFilter">
                    {{tagData.data?.serviceTime}}
                    <font *ngIf="tagData.data?.serviceTimeUnit"
                        [ngStyle]="tagData.data?.serviceTimeUnitCssStyle|styleFilter">
                        {{tagData.data?.serviceTimeUnit}}
                    </font>
                </span>
                <span class="type14-bottom-label" *ngIf="tagData.data?.serviceTimeLabel"
                    [ngStyle]="tagData.data?.serviceTimeLabelCssStyle|styleFilter">
                    {{tagData.data?.serviceTimeLabel}}
                </span>
            </div>
            <div class="splineLine" [ngStyle]="tagData.data?.splineLineCssStyle|styleFilter"></div>
            <div class="type14-single-box" [ngStyle]="tagData.data?.itemBox1CssStyle|styleFilter" appDebounceClick
                (debounceClick)="goPage(tagData.data.serviceCountBtn.link)">
                <span class="type14-bottom-label" *ngIf="tagData.data?.serviceCount"
                    [ngStyle]="tagData.data?.serviceCountCssStyle|styleFilter">
                    {{tagData.data?.serviceCount}}
                    <font *ngIf="tagData.data?.serviceCountUnit"
                        [ngStyle]="tagData.data?.serviceCountUnitCssStyle|styleFilter">
                        {{tagData.data?.serviceCountUnit}}
                    </font>
                </span>
                <span class="type14-bottom-label" *ngIf="tagData.data?.serviceCountLabel"
                    [ngStyle]="tagData.data?.serviceCountLabelCssStyle|styleFilter">
                    {{tagData.data?.serviceCountLabel}}
                </span>
            </div>
            <div class="splineLine" [ngStyle]="tagData.data?.splineLineCssStyle|styleFilter"></div>
            <div class="type14-single-box" [ngStyle]="tagData.data?.itemBox1CssStyle|styleFilter" appDebounceClick
                (debounceClick)="goPage(tagData.data.serviceCustomerBtn.link)">
                <span class="type14-bottom-label" *ngIf="tagData.data?.serviceCustomer"
                    [ngStyle]="tagData.data?.serviceCustomerCssStyle|styleFilter">
                    {{tagData.data?.serviceCustomer}}
                    <font *ngIf="tagData.data?.serviceCustomerUnit"
                        [ngStyle]="tagData.data?.serviceCustomerUnitCssStyle|styleFilter">
                        {{tagData.data?.serviceCustomerUnit}}
                    </font>
                </span>
                <span class="type14-bottom-label" *ngIf="tagData.data?.serviceCustomerLabel"
                    [ngStyle]="tagData.data?.serviceCustomerLabelCssStyle|styleFilter">
                    {{tagData.data?.serviceCustomerLabel}}
                </span>
            </div>
            <div class="splineLine" [ngStyle]="tagData.data?.splineLineCssStyle|styleFilter"></div>
            <div class="type14-single-box" [ngStyle]="tagData.data?.itemBox1CssStyle|styleFilter" appDebounceClick
                (debounceClick)="goPage(tagData.data.satisfactionBtn?.link)">
                <span class="type14-bottom-label" *ngIf="tagData.data?.satisfaction"
                    [ngStyle]="tagData.data?.satisfactionCssStyle|styleFilter">
                    {{tagData.data?.satisfaction}}
                    <font *ngIf="tagData.data?.satisfactionUnit"
                        [ngStyle]="tagData.data?.satisfactionUnitCssStyle|styleFilter">
                        {{tagData.data?.satisfactionUnit}}
                    </font>
                </span>
                <span class="type14-bottom-label" *ngIf="tagData.data?.satisfactionLabel"
                    [ngStyle]="tagData.data?.satisfactionLabelCssStyle|styleFilter">
                    {{tagData.data?.satisfactionLabel}}
                </span>
            </div>
        </div>

        <div class="type14-bottom-box2" *ngIf="tagData.data?.isShowBottomBox2"
            [ngStyle]="tagData.data?.bottomBox2CssStyle|styleFilter">
            <ng-container *ngIf="tagData.data?.flagRows">
                <ng-container *ngFor="let sitem of tagData.data?.flagRows?.flags">
                    <span class="type14-bottom-flag" *ngIf="sitem && sitem !== ' '"
                        [ngStyle]="tagData.data?.flagCssStyle|styleFilter">
                        <font [ngStyle]="tagData.data?.flagItemCssStyle|styleFilter">
                            {{sitem}}
                        </font>
                    </span>
                </ng-container>
            </ng-container>
        </div>

        <div class="thirdRow type14-thirdRow-left" *ngIf="tagData.data.thirdRow" appDebounceClick
            (debounceClick)="goPage(tagData.data.thirdRow?.link)">
            <div class="leftBox">
                <div class="pFirst">
                    <ng-container *ngFor="let firstItem of tagData.data.thirdRow.firstTags;let index = index;">
                        <div *ngIf="index>0" class="spLine"></div>
                        <span class="spanFirst">{{firstItem}}</span>
                    </ng-container>
                </div>
                <div class="pSecond type14-pSecond" [ngStyle]="tagData.data?.pSecondBoxCssStyle | styleFilter">
                    <span class="secondTag type14-secondTag"
                        [ngStyle]="tagData.data?.secondTagItemCssStyle | styleFilter"
                        *ngFor="let secondItem of tagData.data.thirdRow.secondTags">{{secondItem}}</span>
                </div>
            </div>
            <div class="rightBox" [ngStyle]="tagData.data?.rightArrowIconBoxCssStyle | styleFilter">
                <img *ngIf="tagData.data?.hiddenArrow===undefined"
                    [ngStyle]="tagData.data?.rightArrowIconCssStyle | styleFilter" src="tagData.data?.rightArrowIcon"
                    class="rightArrow" onerror="this.src='assets/icon/arrow_icon_right_black@3x.png'" />

            </div>
        </div>
        <div *ngIf="tagData.data.fourthRow" [ngStyle]="tagData.data?.fourthRowBottomLine | styleFilter"
            class="lineStyle"></div>
    </div>

</ng-container>
<!--蜂喔1.9.16 发布入口 cssType==='15-buttonLink'-->
<ng-container *ngIf="tagData.data.cssType==='15-buttonLink'">
    <div class="tag-container15" [ngStyle]="tagData.cssStyle | styleFilter">
        <p class="type15-title" *ngIf="tagData.data?.title" [ngStyle]="tagData.data?.titleCssStyle|styleFilter">
            {{tagData.data?.title}}</p>
        <div class="type15-btn-box" [ngStyle]="tagData.data?.btnBoxCssStyle|styleFilter">
            <span class="type15-btn" *ngIf="tagData.data?.firstBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.firstBtn.link)"
                [ngStyle]="tagData.data?.firstBtn?.link?.params?.labelCssStyle|styleFilter">
                <img class="type15-icon" *ngIf="tagData.data?.firstBtn?.link?.params?.iconUrl"
                    [src]="tagData.data?.firstBtn?.link?.params?.iconUrl"
                    onerror="this.src='assets/fw/zx_icon_sheji@3x.png'"
                    [ngStyle]="tagData.data?.firstBtn?.link?.params.iconCssStyle|styleFilter" />
                {{tagData.data?.firstBtn?.link?.params?.label}}</span>
            <span class="type15-btn" *ngIf="tagData.data?.secondBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.secondBtn.link)"
                [ngStyle]="tagData.data?.secondBtn?.link?.params?.labelCssStyle|styleFilter">
                <img class="type15-icon" *ngIf="tagData.data?.secondBtn?.link?.params?.iconUrl"
                    [src]="tagData.data?.secondBtn?.link?.params?.iconUrl"
                    onerror="this.src='assets/fw/zx_icon_gongjiang@3x.png'"
                    [ngStyle]="tagData.data?.secondBtn?.link?.params.iconCssStyle|styleFilter" />
                {{tagData.data?.secondBtn?.link?.params?.label}}</span>
            <span class="type15-btn" *ngIf="tagData.data?.thirdBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.thirdBtn.link)"
                [ngStyle]="tagData.data?.thirdBtn?.link?.params?.labelCssStyle|styleFilter">
                <img class="type15-icon" *ngIf="tagData.data?.thirdBtn?.link?.params?.iconUrl"
                    [src]="tagData.data?.thirdBtn?.link?.params?.iconUrl"
                    onerror="this.src='assets/fw/zx_icon_jiancai@3x.png'"
                    [ngStyle]="tagData.data?.thirdBtn?.link?.params.iconCssStyle|styleFilter" />
                {{tagData.data?.thirdBtn?.link?.params?.label}}</span>
            <span class="type15-btn" *ngIf="tagData.data?.fourthBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.fourthBtn.link)"
                [ngStyle]="tagData.data?.fourthBtn?.link?.params?.labelCssStyle|styleFilter">
                <img class="type15-icon" *ngIf="tagData.data?.fourthBtn?.link?.params?.iconUrl"
                    [src]="tagData.data?.fourthBtn?.link?.params?.iconUrl"
                    onerror="this.src='assets/fw/zx_icon_jiancai@3x.png'"
                    [ngStyle]="tagData.data?.fourthBtn?.link?.params.iconCssStyle|styleFilter" />
                {{tagData.data?.fourthBtn?.link?.params?.label}}</span>
            <span class="type15-btn" *ngIf="tagData.data?.fifthBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.fifthBtn.link)"
                [ngStyle]="tagData.data?.fifthBtn?.link?.params?.labelCssStyle|styleFilter">
                <img class="type15-icon" *ngIf="tagData.data?.fifthBtn?.link?.params?.iconUrl"
                    [src]="tagData.data?.fifthBtn?.link?.params?.iconUrl"
                    onerror="this.src='assets/fw/zx_icon_jiancai@3x.png'"
                    [ngStyle]="tagData.data?.fifthBtn?.link?.params.iconCssStyle|styleFilter" />
                {{tagData.data?.fifthBtn?.link?.params?.label}}</span>
        </div>

        <div class="type15-bottom-box" [ngStyle]="tagData.data?.bottomBoxCssStyle|styleFilter">
            <span class="type15-bottom-btn" *ngIf="tagData.data?.thirdRowRightBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.thirdRowRightBtn.link)"
                [ngStyle]="tagData.data?.thirdRowRightBtn?.link?.params?.labelCssStyle|styleFilter">{{tagData.data?.thirdRowRightBtn?.link?.params?.label}}
            </span>
            <img class="type15-bottom-icon" *ngIf="tagData.data?.thirdRowRightBtn?.link?.params?.iconUrl"
                [src]="tagData.data?.thirdRowRightBtn?.link?.params?.iconUrl"
                onerror="this.src='assets/fw/arrow_icon_right35@3x.png'"
                [ngStyle]="tagData.data?.thirdRowRightBtn?.link?.params.iconCssStyle|styleFilter" />
        </div>
    </div>

</ng-container>
<!--蜂喔1.9.16 地图导航 导航到 高德 腾讯 百度地图  cssType='16-map-navigate'-->
<ng-container *ngIf="tagData.data.cssType==='16-map-navigate'">
    <div class="tag-container16" [ngStyle]="tagData.cssStyle | styleFilter">
        <div id="{{mapId}}" #navigateMap style="width:100vw; height: 70vh;"></div>


        <div class="type16-bottom">
            <div class="type16-contact">
                <div class="type16-user-left">
                    <img class="type16-avatar-icon" *ngIf="tagData.data?.avatar" [src]="tagData.data?.avatar"
                        onerror="this.src='assets/img/headtrait.png'"
                        [ngStyle]="tagData.data?.avatarCssStyle|styleFilter" />
                    <span class="type16-name-box">
                        <font class="type-16-name" [ngStyle]="tagData.data?.nameCssStyle|styleFilter">
                            {{tagData.data?.name}}</font>
                        <font class="type-16-tag" [ngStyle]="tagData.data?.tagCssStyle|styleFilter">
                            {{tagData.data?.tag}}</font>
                    </span>
                </div>
                <div class="type16-btn-right">
                    <img class="type16-btn-icon" *ngIf="tagData.data?.wechat"
                        [src]="tagData.data?.wechat?.link?.params?.iconUrl"
                        onerror="this.src='assets/fw/expert_icon_wechat.png'"
                        [ngStyle]="tagData.data?.wechat?.link?.params?.iconUrlCssStyle|styleFilter" appDebounceClick
                        (debounceClick)="goPage(tagData.data.wechat.link)" />
                    <img class="type16-btn-icon" *ngIf="tagData.data?.message"
                        [src]="tagData.data?.message?.link?.params?.iconUrl"
                        onerror="this.src='assets/fw/expert_icon_chat2@3x.png'"
                        [ngStyle]="tagData.data?.message?.link?.params?.iconUrlCssStyle|styleFilter" appDebounceClick
                        (debounceClick)="goPage(tagData.data.message.link)" />
                    <img class="type16-btn-icon" *ngIf="tagData.data?.phone"
                        [src]="tagData.data?.phone?.link?.params?.iconUrl"
                        onerror="this.src='assets/fw/expert_icon_phone2@3x.png'"
                        [ngStyle]="tagData.data?.phone?.link?.params?.iconUrlCssStyle|styleFilter" appDebounceClick
                        (debounceClick)="presentAlertConfirm(tagData.data.phone.link.params.mobile,tagData.data.phone.link.params.name)" />
                </div>
            </div>
            <div class="type16-bottom-btn">
                <div class="type16-shop-name" [ngStyle]="tagData.data?.shopNameBoxCssStyle|styleFilter">
                    <span class="type16-shop-name" *ngIf="tagData.data?.shopName"
                        [ngStyle]="tagData.data?.shopNameCssStyle|styleFilter">{{tagData.data?.shopName}}</span>

                    <span class="type16-address" *ngIf="tagData.data?.address"
                        [ngStyle]="tagData.data?.addressCssStyle|styleFilter">
                        <font class="type16-distance" [ngStyle]="tagData.data?.distanceCssStyle|styleFilter">
                            {{tagData.data?.distance}}</font>
                        {{tagData.data?.address}}
                    </span>
                </div>
                <span class="type16-navigate-btn" *ngIf="tagData.data?.lowerRightCornerButton" appDebounceClick
                    (debounceClick)="buttonList()"
                    [ngStyle]="tagData.data?.lowerRightCornerButton?.link?.params?.cssStyle|styleFilter">{{tagData.data?.lowerRightCornerButton?.link?.params?.label}}</span>
            </div>
        </div>
    </div>
</ng-container>
<!--蜂喔1.9.17 维修清洁主页 帮我找标签 cssType='17-find-it' -->
<ng-container *ngIf="tagData.data.cssType==='17-find-it'">
    <div class="find-it-container" [ngStyle]="tagData.cssStyle | styleFilter">
        <div id="{{type17FindItId}}" *ngIf="isFirstOpenApp" class="type17-top"
            [ngStyle]="tagData.data?.topBox1CssStyle|styleFilter">
            <div class="type17-tipsBox" [ngStyle]="tagData.data?.tipsBoxCssStyle|styleFilter">
                <div class="type17-title-left" [ngStyle]="tagData.data?.tipsLeftBoxCssStyle|styleFilter">
                    <span class="type17-title"
                        [ngStyle]="tagData.data?.topTitleCssStyle|styleFilter">{{tagData.data?.topTitle}}</span>
                    <span class="type17-subTitle"
                        [ngStyle]="tagData.data?.topSubTitleCssStyle|styleFilter">{{tagData.data?.topSubTitle}}</span>
                </div>
                <span class="type17TopRightBtn" *ngIf="tagData.data?.topRightBtnLabel"
                    [ngStyle]="tagData.data?.topRightBtnLabelCssStyle|styleFilter" appDebounceClick
                    (debounceClick)="goPage(tagData.data?.topRightBtn?.link,type17FindItId)">{{tagData.data?.topRightBtnLabel}}</span>
            </div>
            <img [src]="tagData.data?.topArrowIcon" class="type17TopArrowIcon"
                onerror="this.src='zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16461185487590ba7c06151b19a95a12f185ca8332050.png'"
                [ngStyle]="tagData.data?.topArrowIconCssStyle|styleFilter" />
        </div>
        <div class="type17-main" [ngStyle]="tagData.data?.bottomBoxCssStyle|styleFilter">
            <span class="type17IconLabel" [ngStyle]="tagData.data?.firstLabelCssStyle|styleFilter" appDebounceClick
                (debounceClick)="goPage(tagData.data?.bottomFirstBtn?.link,type17FindItId)">
                <img class="type17IconBtn" *ngIf="tagData.data?.firstIcon" [src]="tagData.data?.firstIcon"
                    onerror="this.src='zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1646041628995e658fc2a8a01be0f4a20076be5a458ee.png'"
                    [ngStyle]="tagData.data?.firstIconCssStyle|styleFilter" />
                {{tagData.data?.firstLabel}}
            </span>
            <span class="type17IconLabel" [ngStyle]="tagData.data?.secondLabelCssStyle|styleFilter" appDebounceClick
                (debounceClick)="goPage(tagData.data?.bottomSecondBtn?.link,type17FindItId)">
                <img class="type17IconBtn" *ngIf="tagData.data?.secondIcon" [src]="tagData.data?.secondIcon"
                    onerror="this.src='zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1646041720749de981e52aebd6f6ddc683e04a9430733.png'"
                    [ngStyle]="tagData.data?.secondIconCssStyle|styleFilter" />
                {{tagData.data?.secondLabel}}
            </span>
            <span class="type17IconLabel" [ngStyle]="tagData.data?.thirdLabelCssStyle|styleFilter" appDebounceClick
                (debounceClick)="goPage(tagData.data?.bottomThirdBtn?.link,type17FindItId)">
                <img class="type17IconBtn" *ngIf="tagData.data?.thirdIcon" [src]="tagData.data?.thirdIcon"
                    onerror="this.src='zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16461185487590ba7c06151b19a95a12f185ca8332050.png'"
                    [ngStyle]="tagData.data?.thirdIconCssStyle|styleFilter" />
                {{tagData.data?.thirdLabel}}
            </span>
        </div>
    </div>
</ng-container>
<!--蜂喔1.9.17 维修清洁主页 搜索跳转页面 cssType='18-search-it' -->
<ng-container *ngIf="tagData.data.cssType==='18-search-it'">
    <div class="type18-search-it-container" [ngStyle]="tagData.cssStyle | styleFilter" appDebounceClick
        (debounceClick)="goSearch(tagData.data.searchBtn)">
        <img *ngIf="tagData.data.leftIcon" [src]="tagData.data.leftIcon"
            onerror="this.src='assets/fw/search bar_icon_magnifier.png'" class="type18-search-icon"
            [ngStyle]="tagData.data.leftIconCssStyle|styleFilter" />
        <span class="type18-hint" *ngIf="tagData.data.hint"
            [ngStyle]="tagData.data.hintCssStyle|styleFilter">{{tagData.data.hint}}</span>
    </div>
</ng-container>
<!--蜂喔1.9.17 维修清洁主页 搜索跳转页面 cssType='19-search-it' -->
<ng-container *ngIf="tagData.data.cssType==='19-search-it'">
    <div class="type19-container" [ngStyle]="tagData.data.outerBoxCssStyle | styleFilter">
        <div class="type18-search-it-container" [ngStyle]="tagData.cssStyle | styleFilter" appDebounceClick
            (debounceClick)="goSearch2(tagData.data.data.leftBottomLabel)">
            <img *ngIf="tagData.data.data.leftBottomLabel" [src]="tagData.data.data.leftBottomLabel[0].iconName"
                onerror="this.src='assets/fw/search bar_icon_magnifier.png'" class="type18-search-icon"
                [ngStyle]="tagData.data.data.leftBottomLabel[0].iconCssStyle|styleFilter" />
            <span class="type18-hint" *ngIf="tagData.data.data.leftBottomLabel[0]"
                [ngStyle]="tagData.data.data.leftBottomLabel[0].placeholderCssStyle|styleFilter">{{tagData.data.data.leftBottomLabel[0].link.params.placeholder}}</span>
        </div>
    </div>
</ng-container>
<!--蜂喔1.9.18 保洁主页-家电清洗-找他下单cssType='20-button-type' -->
<ng-container *ngIf="tagData.data.cssType==='20-button-img'">
    <div class="type20-container" [ngStyle]="tagData.data.outerBoxCssStyle | styleFilter">
        <p class="type20-firstRowLabel" *ngIf="tagData.data.firstRowLeftLabel"
            [ngStyle]="tagData.data.firstRowLeftLabelCssStyle|styleFilter">{{tagData.data.firstRowLeftLabel}}</p>
        <p class="type20-secondRowLabel" *ngIf="tagData.data.secondRowLeftLabel"
            [ngStyle]="tagData.data.secondRowLeftLabelCssStyle|styleFilter">{{tagData.data.secondRowLeftLabel}}</p>
        <span class="type20-bottom-button" *ngIf="tagData.data.bottomButtonLabel"
            [ngStyle]="tagData.data.bottomButtonLabelCssStyle|styleFilter" appDebounceClick
            (debounceClick)="goPage(tagData.data.bottomFirstBtn.link)">{{tagData.data.bottomButtonLabel}}</span>
        <img class="rightIcon" *ngIf="tagData.data.rightIconUrl" [src]="tagData.data.rightIconUrl"
            onerror="this.src='assets/fw/expert_icon_chat_location.png'"
            [ngStyle]="tagData.data.rightIconUrlCssStyle|styleFilter" />
    </div>
</ng-container>
<!--蜂喔1.9.18 新增 维修维护，保洁清洗，保姆月嫂 cssType='21-button-type' -->
<ng-container *ngIf="tagData.data.cssType==='21-button-type'">
    <div class="type21-container" [ngStyle]="tagData.data.outerBoxCssStyle | styleFilter">
        <div class="first-row" [ngStyle]="tagData.data.firstRowCssStyle | styleFilter">
            <div class="blur" *ngIf="tagData.data.firstRowFirstBlur"
                [ngStyle]="tagData.data.firstRowFirstBlurCssStyle | styleFilter"></div>
            <div class="firstRowFirstBtn" *ngIf="tagData.data.firstRowFirstBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.firstRowFirstBtn.link)"
                [ngStyle]="tagData.data.firstRowFirstBtnCssStyle | styleFilter">
                <font [ngStyle]="tagData.data.firstRowFirstBtn.link.params.btnLabelCssStyle|styleFilter">
                    {{tagData.data.firstRowFirstBtn.link.params.btnLabel}}</font>
                <font [ngStyle]="tagData.data.firstRowFirstBtn.link.params.btnSubLabelCssStyle|styleFilter">
                    {{tagData.data.firstRowFirstBtn.link.params.btnSubLabel}}</font>
                <img class="firstBtnIcon" [src]="tagData.data.firstRowFirstBtn.link.params.icon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1650856705495a075e5e5eacdc0ea1eb826beb73fe7c5.png'"
                    [ngStyle]="tagData.data.firstRowFirstBtn.link.params.iconCssStyle|styleFilter" />
            </div>

            <span class="commonIconBtn" *ngIf="tagData.data.firstRowSecondBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.firstRowSecondBtn.link)"
                [ngStyle]="tagData.data.firstRowSecondBtn.link.params.boxCssStyle|styleFilter">
                <img class="commonIcon" [src]="tagData.data.firstRowSecondBtn.link.params.icon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165086061693435ed63effd63062d070d3bffd975defb.png'"
                    [ngStyle]="tagData.data.firstRowSecondBtn.link.params.iconCssStyle|styleFilter" />
                <font class="commonLabel"
                    [ngStyle]="tagData.data.firstRowSecondBtn.link.params.labelCssStyle|styleFilter">
                    {{tagData.data.firstRowSecondBtn.link.params.label}}</font>
            </span>

            <span class="commonIconBtn" *ngIf="tagData.data.firstRowThirdBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.firstRowThirdBtn.link)"
                [ngStyle]="tagData.data.firstRowThirdBtn.link.params.boxCssStyle|styleFilter">
                <img class="commonIcon" [src]="tagData.data.firstRowThirdBtn.link.params.icon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165086061693435ed63effd63062d070d3bffd975defb.png'"
                    [ngStyle]="tagData.data.firstRowThirdBtn.link.params.iconCssStyle|styleFilter" />
                <font class="commonLabel"
                    [ngStyle]="tagData.data.firstRowThirdBtn.link.params.labelCssStyle|styleFilter">
                    {{tagData.data.firstRowThirdBtn.link.params.label}}</font>
            </span>

            <span class="commonIconBtn" *ngIf="tagData.data.firstRowFourthBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.firstRowFourthBtn.link)"
                [ngStyle]="tagData.data.firstRowFourthBtn.link.params.boxCssStyle|styleFilter">
                <img class="commonIcon" [src]="tagData.data.firstRowFourthBtn.link.params.icon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165086061693435ed63effd63062d070d3bffd975defb.png'"
                    [ngStyle]="tagData.data.firstRowFourthBtn.link.params.iconCssStyle|styleFilter" />
                <font class="commonLabel"
                    [ngStyle]="tagData.data.firstRowFourthBtn.link.params.labelCssStyle|styleFilter">
                    {{tagData.data.firstRowFourthBtn.link.params.label}}</font>
            </span>
        </div>
        <div class="second-row2" [ngStyle]="tagData.data.secondRow2CssStyle | styleFilter">
            <div class="blur" *ngIf="tagData.data.secondRowFirstBlur"
                [ngStyle]="tagData.data.secondRowFirstBlurCssStyle | styleFilter"></div>
            <div class="secondRowFirstBtn" *ngIf="tagData.data.secondRowFirstBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.secondRowFirstBtn.link)"
                [ngStyle]="tagData.data.secondRowFirstBtnCssStyle | styleFilter">
                <font [ngStyle]="tagData.data.secondRowFirstBtn.link.params.btnLabelCssStyle|styleFilter">
                    {{tagData.data.secondRowFirstBtn.link.params.btnLabel}}</font>
                <font [ngStyle]="tagData.data.secondRowFirstBtn.link.params.btnSubLabelCssStyle|styleFilter">
                    {{tagData.data.secondRowFirstBtn.link.params.btnSubLabel}}</font>
                <img class="firstBtnIcon" [src]="tagData.data.secondRowFirstBtn.link.params.icon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165085673524887b8172c2b43ce9387c61169be339eaa.png'"
                    [ngStyle]="tagData.data.secondRowFirstBtn.link.params.iconCssStyle|styleFilter" />
            </div>

            <span class="commonIconBtn1" *ngIf="tagData.data.secondRowSecondBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.secondRowSecondBtn.link)"
                [ngStyle]="tagData.data.secondRowSecondBtn.link.params.boxCssStyle|styleFilter">
                <img class="commonIcon" [src]="tagData.data.secondRowSecondBtn.link.params.icon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1650867335263e48d0f0513b5189be8a45ea9cc33ef5e.png'"
                    [ngStyle]="tagData.data.secondRowSecondBtn.link.params.iconCssStyle|styleFilter" />
                <font class="commonLabel"
                    [ngStyle]="tagData.data.secondRowSecondBtn.link.params.labelCssStyle|styleFilter">
                    {{tagData.data.secondRowSecondBtn.link.params.label}}</font>
            </span>

            <span class="commonIconBtn1" *ngIf="tagData.data.secondRowThirdBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.secondRowThirdBtn.link)"
                [ngStyle]="tagData.data.secondRowThirdBtn.link.params.boxCssStyle|styleFilter">
                <img class="commonIcon" [src]="tagData.data.secondRowThirdBtn.link.params.icon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16508673816157238025a59f98f595522b0824badca18.png'"
                    [ngStyle]="tagData.data.secondRowThirdBtn.link.params.iconCssStyle|styleFilter" />
                <font class="commonLabel"
                    [ngStyle]="tagData.data.secondRowThirdBtn.link.params.labelCssStyle|styleFilter">
                    {{tagData.data.secondRowThirdBtn.link.params.label}}</font>
            </span>

            <span class="commonIconBtn1" *ngIf="tagData.data.secondRowFourthBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.secondRowFourthBtn.link)"
                [ngStyle]="tagData.data.secondRowFourthBtn.link.params.boxCssStyle|styleFilter">
                <img class="commonIcon" [src]="tagData.data.secondRowFourthBtn.link.params.icon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1650867419071cd7208f43c746126ee40af2f9240494d.png'"
                    [ngStyle]="tagData.data.secondRowFourthBtn.link.params.iconCssStyle|styleFilter" />
                <font class="commonLabel"
                    [ngStyle]="tagData.data.secondRowFourthBtn.link.params.labelCssStyle|styleFilter">
                    {{tagData.data.secondRowFourthBtn.link.params.label}}</font>
            </span>
        </div>
        <div class="third-row2" [ngStyle]="tagData.data.thirdRow2CssStyle | styleFilter">
            <div class="blur" *ngIf="tagData.data.thirdRowFirstBlur"
                [ngStyle]="tagData.data.thirdRowFirstBlurCssStyle | styleFilter"></div>
            <div class="thirdRowFirstBtn" *ngIf="tagData.data.thirdRowFirstBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.thirdRowFirstBtn.link)"
                [ngStyle]="tagData.data.thirdRowFirstBtnCssStyle | styleFilter">
                <font [ngStyle]="tagData.data.thirdRowFirstBtn.link.params.btnLabelCssStyle|styleFilter">
                    {{tagData.data.thirdRowFirstBtn.link.params.btnLabel}}</font>
                <font [ngStyle]="tagData.data.thirdRowFirstBtn.link.params.btnSubLabelCssStyle|styleFilter">
                    {{tagData.data.thirdRowFirstBtn.link.params.btnSubLabel}}</font>
                <img class="firstBtnIcon" [src]="tagData.data.thirdRowFirstBtn.link.params.icon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1650856768123170009f1abf157cc13e6ee451a4f4568.png'"
                    [ngStyle]="tagData.data.thirdRowFirstBtn.link.params.iconCssStyle|styleFilter" />
            </div>

            <span class="commonIconBtn2" *ngIf="tagData.data.thirdRowSecondBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.thirdRowSecondBtn.link)"
                [ngStyle]="tagData.data.thirdRowSecondBtn.link.params.boxCssStyle|styleFilter">
                <img class="commonIcon" [src]="tagData.data.thirdRowSecondBtn.link.params.icon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1650867445078d64ab7b574ca4a719ff4cbaeecd056f3.png'"
                    [ngStyle]="tagData.data.thirdRowSecondBtn.link.params.iconCssStyle|styleFilter" />
                <font class="commonLabel"
                    [ngStyle]="tagData.data.thirdRowSecondBtn.link.params.labelCssStyle|styleFilter">
                    {{tagData.data.thirdRowSecondBtn.link.params.label}}</font>
            </span>

            <span class="commonIconBtn2" *ngIf="tagData.data.thirdRowThirdBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.thirdRowThirdBtn.link)"
                [ngStyle]="tagData.data.thirdRowThirdBtn.link.params.boxCssStyle|styleFilter">
                <img class="commonIcon" [src]="tagData.data.thirdRowThirdBtn.link.params.icon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16508675105512f9f463ec367d6753e5486b2000dfdf5.png'"
                    [ngStyle]="tagData.data.thirdRowThirdBtn.link.params.iconCssStyle|styleFilter" />
                <font class="commonLabel"
                    [ngStyle]="tagData.data.thirdRowThirdBtn.link.params.labelCssStyle|styleFilter">
                    {{tagData.data.thirdRowThirdBtn.link.params.label}}</font>
            </span>

            <span class="commonIconBtn2" *ngIf="tagData.data.thirdRowFourthBtn" appDebounceClick
                (debounceClick)="goPage(tagData.data.thirdRowFourthBtn.link)"
                [ngStyle]="tagData.data.thirdRowFourthBtn.link.params.boxCssStyle|styleFilter">
                <img class="commonIcon" [src]="tagData.data.thirdRowFourthBtn.link.params.icon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165086753415035455557e61bf33a0e512309429a7611.png'"
                    [ngStyle]="tagData.data.thirdRowFourthBtn.link.params.iconCssStyle|styleFilter" />
                <font class="commonLabel"
                    [ngStyle]="tagData.data.thirdRowFourthBtn.link.params.labelCssStyle|styleFilter">
                    {{tagData.data.thirdRowFourthBtn.link.params.label}}</font>
            </span>
        </div>
    </div>
</ng-container>
<!--蜂喔1.9.18 新增  cssType='22-button-type' -->
<ng-container *ngIf="tagData.data.cssType==='22-button-type'">
    <div class="type22-container" [ngStyle]="tagData.data.outerBoxCssStyle | styleFilter">
        <div class="type22-top" [ngStyle]="tagData.data.topBoxCssStyle | styleFilter">
            <span class="type22-title" *ngIf="tagData.data?.topTitle"
                [ngStyle]="tagData.data?.topTitleCssStyle|styleFilter">{{tagData.data?.topTitle}}</span>
            <span class="rightLabel" *ngIf="tagData.data?.topRightLabel" appDebounceClick
                (debounceClick)="goPage(tagData.data.moreBtn.link)"
                [ngStyle]="tagData.data?.topRightLabelCssStyle|styleFilter">{{tagData.data?.topRightLabel}}
                <img *ngIf="tagData.data?.topRightArrowIcon" [src]="tagData.data?.topRightArrowIcon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1650876125650d41cfcc6e8ad2f375636f18219ce3acc.png'"
                    [ngStyle]="tagData.data?.topRightArrowIconCssStyle|styleFilter" />
            </span>
        </div>
        <p class="type22SubTitle" *ngIf="tagData.data?.topSubTitle"
            [ngStyle]="tagData.data?.topSubTitleCssStyle|styleFilter">{{tagData.data?.topSubTitle}}</p>
        <ng-container *ngIf="tagData.data.styleType&&tagData.data.styleType==='1'; else else22ButtonTypeTemplate">
            <div class="type22StyleType1Box">
                <div class="type22LeftBox marginLeft" appDebounceClick
                    (debounceClick)="goPage(tagData.data.firstRowFirstBtn.link)"
                    [ngStyle]="tagData.data.firstRowFirstBtnCssStyle|styleFilter">
                    <div class="type22SingleBtn1 type22Height1" *ngIf="tagData.data.firstRowFirstBtn">
                        <font [ngStyle]="tagData.data.firstBtnTitleCssStyle|styleFilter">
                            {{tagData.data.firstBtnTitle}}</font>
                        <font [ngStyle]="tagData.data.firstBtnSubTitleCssStyle|styleFilter">
                            {{tagData.data.firstBtnSubTitle}}</font>
                    </div>
                    <div class="type22SingleBtn1 type22Height2" *ngIf="tagData.data.firstRowFirstBtn">
                        <img class="type22Icon" [src]="tagData.data.firstRowFirstBtnIcon"
                            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165085673524887b8172c2b43ce9387c61169be339eaa.png'"
                            [ngStyle]="tagData.data.firstRowFirstBtnIconCssStyle|styleFilter" />
                    </div>
                </div>

                <div class="type22RightBox marginRight">
                    <div class="type22SingleBtn" *ngIf="tagData.data.firstRowSecondBtn"
                        [ngStyle]="tagData.data.firstRowSecondBtnCssStyle|styleFilter" appDebounceClick
                        (debounceClick)="goPage(tagData.data.firstRowSecondBtn.link)">
                        <font [ngStyle]="tagData.data.secondBtnTitleCssStyle|styleFilter">
                            {{tagData.data.secondBtnTitle}}</font>
                        <font [ngStyle]="tagData.data.secondBtnSubTitleCssStyle|styleFilter">
                            {{tagData.data.secondBtnSubTitle}}</font>
                        <img class="type22Icon" [src]="tagData.data.firstRowSecondBtnIcon"
                            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165085673524887b8172c2b43ce9387c61169be339eaa.png'"
                            [ngStyle]="tagData.data.firstRowSecondBtnIconCssStyle|styleFilter" />
                    </div>
                    <div class="type22SingleBtn" *ngIf="tagData.data.secondRowFirstBtn"
                        [ngStyle]="tagData.data.secondRowFirstBtnCssStyle|styleFilter" appDebounceClick
                        (debounceClick)="goPage(tagData.data.secondRowFirstBtn.link)">
                        <font [ngStyle]="tagData.data.thirdBtnTitleCssStyle|styleFilter">
                            {{tagData.data.thirdBtnTitle}}</font>
                        <font [ngStyle]="tagData.data.thirdBtnSubTitleCssStyle|styleFilter">
                            {{tagData.data.thirdBtnSubTitle}}</font>
                        <img class="type22Icon" [src]="tagData.data.secondRowFirstBtnIcon"
                            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165085673524887b8172c2b43ce9387c61169be339eaa.png'"
                            [ngStyle]="tagData.data.secondRowFirstBtnIconCssStyle|styleFilter" />
                    </div>
                </div>

            </div>
        </ng-container>
        <ng-template #else22ButtonTypeTemplate>
            <div class="type22NormalBox">
                <div class="type22SingleBtn marginLeft" *ngIf="tagData.data.firstRowFirstBtn"
                    [ngStyle]="tagData.data.firstRowFirstBtnCssStyle|styleFilter" appDebounceClick
                    (debounceClick)="goPage(tagData.data.firstRowFirstBtn.link)">
                    <font [ngStyle]="tagData.data.firstBtnTitleCssStyle|styleFilter">
                        {{tagData.data.firstBtnTitle}}</font>
                    <font [ngStyle]="tagData.data.firstBtnSubTitleCssStyle|styleFilter">
                        {{tagData.data.firstBtnSubTitle}}</font>
                    <img class="type22Icon" [src]="tagData.data.firstRowFirstBtnIcon"
                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165085673524887b8172c2b43ce9387c61169be339eaa.png'"
                        [ngStyle]="tagData.data.firstRowFirstBtnIconCssStyle|styleFilter" />
                </div>

                <div class="type22SingleBtn marginRight" *ngIf="tagData.data.firstRowSecondBtn" appDebounceClick
                    (debounceClick)="goPage(tagData.data.firstRowSecondBtn.link)"
                    [ngStyle]="tagData.data.firstRowSecondBtnCssStyle|styleFilter">
                    <font [ngStyle]="tagData.data.secondBtnTitleCssStyle|styleFilter">
                        {{tagData.data.secondBtnTitle}}</font>
                    <font [ngStyle]="tagData.data.secondBtnSubTitleCssStyle|styleFilter">
                        {{tagData.data.secondBtnSubTitle}}</font>
                    <img class="type22Icon" [src]="tagData.data.firstRowSecondBtnIcon"
                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165085673524887b8172c2b43ce9387c61169be339eaa.png'"
                        [ngStyle]="tagData.data.firstRowSecondBtnIconCssStyle|styleFilter" />
                </div>

                <div class="type22SingleBtn marginLeft" *ngIf="tagData.data.secondRowFirstBtn" appDebounceClick
                    (debounceClick)="goPage(tagData.data.secondRowFirstBtn.link)"
                    [ngStyle]="tagData.data.secondRowFirstBtnCssStyle|styleFilter">
                    <font [ngStyle]="tagData.data.thirdBtnTitleCssStyle|styleFilter">
                        {{tagData.data.thirdBtnTitle}}</font>
                    <font [ngStyle]="tagData.data.thirdBtnSubTitleCssStyle|styleFilter">
                        {{tagData.data.thirdBtnSubTitle}}</font>
                    <img class="type22Icon" [src]="tagData.data.secondRowFirstBtnIcon"
                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165085673524887b8172c2b43ce9387c61169be339eaa.png'"
                        [ngStyle]="tagData.data.secondRowFirstBtnIconCssStyle|styleFilter" />
                </div>

                <div class="type22SingleBtn marginRight" *ngIf="tagData.data.secondRowSecondBtn" appDebounceClick
                    (debounceClick)="goPage(tagData.data.secondRowSecondBtn.link)"
                    [ngStyle]="tagData.data.secondRowSecondBtnCssStyle|styleFilter">
                    <font [ngStyle]="tagData.data.fourthBtnTitleCssStyle|styleFilter">
                        {{tagData.data.fourthBtnTitle}}</font>
                    <font [ngStyle]="tagData.data.fourthBtnSubTitleCssStyle|styleFilter">
                        {{tagData.data.fourthBtnSubTitle}}</font>
                    <img class="type22Icon" [src]="tagData.data.secondRowSecondBtnIcon"
                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165085673524887b8172c2b43ce9387c61169be339eaa.png'"
                        [ngStyle]="tagData.data.secondRowSecondBtnIconCssStyle|styleFilter" />
                </div>


                <div class="type22SingleBtn marginLeft" *ngIf="tagData.data.thirdRowFirstBtn" appDebounceClick
                    (debounceClick)="goPage(tagData.data.thirdRowFirstBtn.link)"
                    [ngStyle]="tagData.data.thirdRowFirstBtnCssStyle|styleFilter">
                    <font [ngStyle]="tagData.data.thirdRowFirstBtnTitleCssStyle|styleFilter">
                        {{tagData.data.thirdRowFirstBtnTitle}}</font>
                    <font [ngStyle]="tagData.data.thirdRowFirstBtnSubTitleCssStyle|styleFilter">
                        {{tagData.data.thirdRowFirstBtnSubTitle}}</font>
                    <img class="type22Icon" [src]="tagData.data.thirdRowFirstBtnIcon"
                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165085673524887b8172c2b43ce9387c61169be339eaa.png'"
                        [ngStyle]="tagData.data.thirdRowFirstBtnIconCssStyle|styleFilter" />
                </div>


                <div class="type22SingleBtn marginRight" *ngIf="tagData.data.thirdRowSecondBtn" appDebounceClick
                    (debounceClick)="goPage(tagData.data.thirdRowSecondBtn.link)"
                    [ngStyle]="tagData.data.thirdRowSecondBtnCssStyle|styleFilter">
                    <font [ngStyle]="tagData.data.thirdRowSecondBtnTitleCssStyle|styleFilter">
                        {{tagData.data.thirdRowSecondBtnTitle}}</font>
                    <font [ngStyle]="tagData.data.thirdRowSecondBtnSubTitleCssStyle|styleFilter">
                        {{tagData.data.thirdRowSecondBtnSubTitle}}</font>
                    <img class="type22Icon" [src]="tagData.data.thirdRowSecondBtnIcon"
                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165085673524887b8172c2b43ce9387c61169be339eaa.png'"
                        [ngStyle]="tagData.data.thirdRowSecondBtnIconCssStyle|styleFilter" />
                </div>
            </div>
        </ng-template>
    </div>
</ng-container>
<!--蜂喔1.9.18 新增  cssType='23-button-type' -->
<ng-container *ngIf="tagData.data.cssType==='23-button-type'">
    <div class="type23-container" [ngStyle]="tagData.data.outerBoxCssStyle | styleFilter">

        <div class="type23TopBox" [ngStyle]="tagData.data.topBoxCssStyle | styleFilter">

            <div class="type23LeftBtn" appDebounceClick (debounceClick)="goPage(tagData.data.firstRowLeftBtn.link)"
                [ngStyle]="tagData.data.firstRowLeftBtnCssStyle|styleFilter">

                <div class="type23TitleBox" [ngStyle]="tagData.data.firstRowLeftBoxCssStyle|styleFilter">

                    <span class="type23Title" *ngIf="tagData.data.firstRowLeftTitle"
                        [ngStyle]="tagData.data.firstRowLeftTitleCssStyle|styleFilter">{{tagData.data.firstRowLeftTitle}}</span>

                    <span class="type23SubTitle" *ngIf="tagData.data.firstRowLeftSubTitle"
                        [ngStyle]="tagData.data.firstRowLeftSubTitleCssStyle|styleFilter">{{tagData.data.firstRowLeftSubTitle}}

                        <img class="type23ArrowIcon" [src]="tagData.data.firstRowLeftArrowIcon"
                            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1650955529289dee1a139e33835e6840c6d3734fcbafe.png'"
                            [ngStyle]="tagData.data.firstRowLeftArrowIconCssStyle|styleFilter" />
                    </span>

                </div>
                <img class="type23BtnIcon" [src]="tagData.data.firstRowLeftBtnIcon"
                    onerror="this.src='assets/img/default_rk.png'"
                    [ngStyle]="tagData.data.firstRowLeftBtnIconCssStyle|styleFilter" />

            </div>

            <div class="type23RightBtn" appDebounceClick (debounceClick)="goPage(tagData.data.firstRowRightBtn.link)"
                [ngStyle]="tagData.data.firstRowRightBtnCssStyle|styleFilter">
                <div class="type23TitleBox" [ngStyle]="tagData.data.firstRowRightBoxCssStyle|styleFilter">

                    <span class="type23Title" *ngIf="tagData.data.firstRowRightTitle"
                        [ngStyle]="tagData.data.firstRowRightTitleCssStyle|styleFilter">{{tagData.data.firstRowRightTitle}}</span>

                    <span class="type23SubTitle" *ngIf="tagData.data.firstRowRightSubTitle"
                        [ngStyle]="tagData.data.firstRowRightSubTitleCssStyle|styleFilter">{{tagData.data.firstRowRightSubTitle}}

                        <img class="type23ArrowIcon" [src]="tagData.data.firstRowRightArrowIcon"
                            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1650955529289dee1a139e33835e6840c6d3734fcbafe.png'"
                            [ngStyle]="tagData.data.firstRowRightArrowIconCssStyle|styleFilter" />
                    </span>

                </div>
                <img class="type23BtnIcon" [src]="tagData.data.firstRowRightBtnIcon"
                    onerror="this.src='assets/img/default_rk.png'"
                    [ngStyle]="tagData.data.firstRowRightBtnIconCssStyle|styleFilter" />
            </div>
        </div>

        <div class="type23BottomBox" [ngStyle]="tagData.data.type23BottomBoxCssStyle|styleFilter">
            <img class="bottomTopBg" [src]="tagData.data.secondRowBgIcon"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16509554641364c77f86b18b48845623a29b5ba28791c.png'"
                [ngStyle]="tagData.data.secondRowBgIconCssStyle|styleFilter" />
            <div class="type23bottomBtnBox" [ngStyle]="tagData.data.secondRowBoxCssStyle|styleFilter">
                <span class="secondRowFirstBtn1" *ngIf="tagData.data.secondRowFirstBtn"
                    [ngStyle]="tagData.data.secondRowFirstBtnCssStyle|styleFilter" appDebounceClick
                    (debounceClick)="goPage(tagData.data.secondRowFirstBtn.link)">
                    <img class="secondRowIcon" [src]="tagData.data.secondRowFirstBtnIcon"
                        onerror="this.src='assets/img/default_rk.png'"
                        [ngStyle]="tagData.data.secondRowFirstBtnIconCssStyle|styleFilter" />
                    <font class="secondRowTitle" [ngStyle]="tagData.data.secondRowFirstBtnTitleCssStyle|styleFilter">
                        {{tagData.data.secondRowFirstBtnTitle}}</font>
                    <font class="secondRowSubTitle"
                        [ngStyle]="tagData.data.secondRowFirstBtnSubTitleCssStyle|styleFilter">
                        {{tagData.data.secondRowFirstBtnSubTitle}}</font>
                </span>

                <div class="spline3"></div>
                <span class="secondRowFirstBtn1" *ngIf="tagData.data.secondRowSecondBtn"
                    [ngStyle]="tagData.data.secondRowSecondBtnCssStyle|styleFilter" appDebounceClick
                    (debounceClick)="goPage(tagData.data.secondRowSecondBtn.link)">
                    <img class="secondRowIcon" [src]="tagData.data.secondRowSecondBtnIcon"
                        onerror="this.src='assets/img/default_rk.png'"
                        [ngStyle]="tagData.data.secondRowSecondBtnIconCssStyle|styleFilter" />
                    <font class="secondRowTitle" [ngStyle]="tagData.data.secondRowSecondBtnTitleCssStyle|styleFilter">
                        {{tagData.data.secondRowSecondBtnTitle}}</font>
                    <font class="secondRowSubTitle"
                        [ngStyle]="tagData.data.secondRowSecondBtnSubTitleCssStyle|styleFilter">
                        {{tagData.data.secondRowSecondBtnSubTitle}}</font>
                </span>
                <div class="spline3"></div>
                <span class="secondRowFirstBtn1" *ngIf="tagData.data.secondRowThirdBtn"
                    [ngStyle]="tagData.data.secondRowThirdBtnCssStyle|styleFilter" appDebounceClick
                    (debounceClick)="goPage(tagData.data.secondRowThirdBtn.link)">
                    <img class="secondRowIcon" [src]="tagData.data.secondRowThirdBtnIcon"
                        onerror="this.src='assets/img/default_rk.png'"
                        [ngStyle]="tagData.data.secondRowThirdBtnIconCssStyle|styleFilter" />
                    <font class="secondRowTitle" [ngStyle]="tagData.data.secondRowThirdBtnTitleCssStyle|styleFilter">
                        {{tagData.data.secondRowThirdBtnTitle}}</font>
                    <font class="secondRowSubTitle"
                        [ngStyle]="tagData.data.secondRowThirdBtnSubTitleCssStyle|styleFilter">
                        {{tagData.data.secondRowThirdBtnSubTitle}}</font>
                </span>
                <div class="spline3"></div>
                <span class="secondRowFirstBtn1" *ngIf="tagData.data.secondRowFourthBtn"
                    [ngStyle]="tagData.data.secondRowFourthBtnCssStyle|styleFilter" appDebounceClick
                    (debounceClick)="goPage(tagData.data.secondRowFourthBtn.link)">
                    <img class="secondRowIcon" [src]="tagData.data.secondRowFourthBtnIcon"
                        onerror="this.src='assets/img/default_rk.png'"
                        [ngStyle]="tagData.data.secondRowFourthBtnIconCssStyle|styleFilter" />
                    <font class="secondRowTitle" [ngStyle]="tagData.data.secondRowFourthBtnTitleCssStyle|styleFilter">
                        {{tagData.data.secondRowFourthBtnTitle}}</font>
                    <font class="secondRowSubTitle"
                        [ngStyle]="tagData.data.secondRowFourthBtnSubTitleCssStyle|styleFilter">
                        {{tagData.data.secondRowFourthBtnSubTitle}}</font>
                </span>
            </div>
        </div>


    </div>
</ng-container>
<!--蜂喔1.9.18 新增  cssType='24-grid-table' -->
<ng-container *ngIf="tagData.data.cssType==='24-button-type'">
    <div class="type24-container" [ngStyle]="tagData.data.outerBoxCssStyle | styleFilter">
        <p class="type24-headerTitle" *ngIf="tagData.data.headerTitle"
            [ngStyle]="tagData.data.headerTitleCssStyle|styleFilter">
            {{tagData.data.headerTitle}}</p>
        <table class="type24-table" [ngStyle]="tagData.data.tableBoxCssStyle | styleFilter">
            <tr class="type24-tr" [ngStyle]="tagData.data.headerRowsBoxCssStyle | styleFilter">
                <ng-container *ngFor="let headerLabel of tagData.data.headerRows?.headerLabel">
                    <td align="center" [ngStyle]="tagData.data.headerTdBoxCssStyle | styleFilter">{{headerLabel}}</td>
                </ng-container>
            </tr>
            <ng-container *ngFor="let row of tagData.data.headerRows?.rowsArray">
                <tr class="type24-normal-rows" [ngStyle]="tagData.data.singleRowsBoxCssStyle | styleFilter">
                    <ng-container *ngFor="let td of tagData.data.headerRows[row]">
                        <td align="center" [ngStyle]="tagData.data.singleTdBoxCssStyle | styleFilter">
                            <div [innerHTML]="td"></div>
                        </td>
                    </ng-container>
                </tr>
            </ng-container>
            <tr [ngStyle]="tagData.data.lastRowsBoxCssStyle | styleFilter">
                <ng-container [ngSwitch]="tagData.data.headerRows?.headerLabel.length">
                    <td class="last-rows-td" colspan="1" *ngSwitchCase="1" align="center"
                        [ngStyle]="tagData.data.lastTdBoxCssStyle | styleFilter">
                        <div [innerHTML]="tagData.data.lastRowsText"></div>
                    </td>
                    <td class="last-rows-td" colspan="2" *ngSwitchCase="2" align="center"
                        [ngStyle]="tagData.data.lastTdBoxCssStyle | styleFilter">
                        <div [innerHTML]="tagData.data.lastRowsText"></div>
                    </td>
                    <td class="last-rows-td" colspan="3" *ngSwitchCase="3" align="center"
                        [ngStyle]="tagData.data.lastTdBoxCssStyle | styleFilter">
                        <div [innerHTML]="tagData.data.lastRowsText"></div>
                    </td>
                    <td class="last-rows-td" colspan="4" *ngSwitchCase="4" align="center"
                        [ngStyle]="tagData.data.lastTdBoxCssStyle | styleFilter">
                        <div [innerHTML]="tagData.data.lastRowsText"></div>
                    </td>
                    <td class="last-rows-td" colspan="5" *ngSwitchCase="5" align="center"
                        [ngStyle]="tagData.data.lastTdBoxCssStyle | styleFilter">
                        <div [innerHTML]="tagData.data.lastRowsText"></div>
                    </td>
                    <td class="last-rows-td" colspan="6" *ngSwitchCase="6" align="center"
                        [ngStyle]="tagData.data.lastTdBoxCssStyle | styleFilter">
                        <div [innerHTML]="tagData.data.lastRowsText"></div>
                    </td>
                </ng-container>
            </tr>
        </table>
    </div>
</ng-container>
<!--蜂喔1.9.19 新增折叠标签 cssType='25-accordion'-->
<ng-container *ngIf="tagData.data.cssType==='25-accordion'">
    <div class="type25-container" [ngStyle]="tagData.data.outerBoxCssStyle | styleFilter">
        <p class="type24-headerTitle" *ngIf="tagData.data.headerTitle"
            [ngStyle]="tagData.data.headerTitleCssStyle|styleFilter">
            {{tagData.data.headerTitle}}</p>
        <Accordion [defaultActiveKey]="tagData.data?.defaultActiveKey">
            <AccordionPanel id="{{type25PanelDivId}}" [key]="tagData.data?.key" [disabled]="type25Disable"
                [header]="tagData.data.title" appDebounceClick
                (debounceClick)="accrodionClick(tagData.data.topSettingBtn,$event)">
                <ng-container *ngFor="let item of tagData.data.rows;let i = index;">
                    <div class="type25-content-box" id="{{type25PanelDivId}}{{i}}"
                        [ngStyle]="tagData.data.type25cBoxCssStyle|styleFilter" appDebounceClick
                        (debounceClick)="type25ContentBoxClick($event)">
                        <div class="type25-top" [ngStyle]="tagData.data.type25TopCssStyle|styleFilter" appDebounceClick
                            (debounceClick)="type25ContentBoxClick($event)">
                            <span class="type25-leftlabel" appDebounceClick
                                (debounceClick)="type25ContentBoxClick($event)"
                                [ngStyle]="tagData.data.firstRowLeftLabelCssStyle|styleFilter"
                                [innerHTML]="item.leftLabel"></span>
                            <div class="type25RightLabelBox" appDebounceClick
                                (debounceClick)="type25ContentBoxClick($event)">
                                <span class="type25-leftlabel"
                                    [ngStyle]="tagData.data.firstRowRightLabelCssStyle|styleFilter" appDebounceClick
                                    (debounceClick)="type25ContentBoxClick($event)"
                                    [innerHTML]="item.rightLabel"></span>
                                <span class="type25-leftlabel"
                                    [ngStyle]="tagData.data.firstRowRightLabel2CssStyle|styleFilter" appDebounceClick
                                    (debounceClick)="type25ContentBoxClick($event)"
                                    [innerHTML]="item.rightLabel2"></span>
                            </div>
                        </div>
                        <div class="type25-content" [ngStyle]="tagData.data.secondRowContentLabelCssStyle|styleFilter"
                            appDebounceClick (debounceClick)="type25ContentBoxClick($event)" [innerHTML]="item.content">

                        </div>
                    </div>
                </ng-container>
            </AccordionPanel>
        </Accordion>
    </div>
</ng-container>
<!--蜂喔1.9.19 劳务主页新增进入页面自动弹窗标签 cssType='26-customDialog'-->
<ng-container *ngIf="tagData.data.cssType==='26-customDialog'"></ng-container>
<!--蜂喔1.6.22 自定义开关 cssType='27-toggle'-->
<ng-container *ngIf="tagData.data.cssType==='27-toggle'">
    <div class="toggle27Box" [ngStyle]="tagData.data.outerBoxCssStyle | styleFilter">

        <div class="toggleBtnBox" [ngStyle]="tagData.data?.toggleBtnBoxCssStyle|styleFilter">

            <ion-toggle mode="md" class="toggleBtn" *ngIf="!tagData.data?.hiddenToggleBtn"
                [ngStyle]="tagData.data?.toggleBtnCssStyle|styleFilter" [(ngModel)]="switchButtonValue"
                (ionChange)="switchButtonSystem(tagData.data.topLeftBtn,tagData.data.showValue,'1')"
                [ngModelOptions]="{standalone: true}">
            </ion-toggle>

            <!-- 1.6.33 -->
            <span class="type27ManageBtn" *ngIf="tagData.data?.topManageBtn" appDebounceClick
                (debounceClick)="btnClick(tagData.data?.topManageBtn)"
                [ngStyle]="tagData.data?.topManageBtnLabelCssStyle|styleFilter">{{tagData.data?.topManageBtnLabel}}</span>



            <div class="arrowBox" [ngStyle]="tagData.data?.arrowBoxCssStyle|styleFilter" appDebounceClick
                (debounceClick)="btnClick(tagData.data?.arrowBtn)">
                <span class="type27ViewAllBtn" *ngIf="tagData.data?.arrowLabel"
                    [ngStyle]="tagData.data?.arrowLabelCssStyle|styleFilter">{{tagData.data?.arrowLabel}}</span>
                <img class="type27ArrowIcon" *ngIf="!tagData.data?.hiddenArrowIcon"
                    [ngStyle]="tagData.data?.arrowIconCssStyle|styleFilter" [src]="tagData.data?.arrowIcon"
                    onerror="this.src='assets/icon/arrow_icon_right@3x.png'" />
            </div>

            <div class="arrowBox" [ngStyle]="tagData.data?.iconBtnBoxCssStyle|styleFilter" appDebounceClick
                (debounceClick)="btnClick(tagData.data?.iconBtn)">
                <img class="iconBtnUrl" *ngIf="tagData.data?.iconBtnUrl"
                    [ngStyle]="tagData.data?.iconBtnUrlCssStyle|styleFilter" [src]="tagData.data?.iconBtnUrl"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1683278302560f800950bb0625533f984947f06d8061f.png'" />
                <span class="type27ViewAllBtn" *ngIf="tagData.data?.iconBtnLabel"
                    [ngStyle]="tagData.data?.iconBtnLabelCssStyle|styleFilter">{{tagData.data?.iconBtnLabel}}</span>

            </div>

            <div class="arrowBox" [ngStyle]="tagData.data?.iconBtn1BoxCssStyle|styleFilter" appDebounceClick
                (debounceClick)="btnClick(tagData.data?.iconBtn1)">

                <img class="iconBtnUrl" *ngIf="tagData.data?.iconBtn1Url"
                    [ngStyle]="tagData.data?.iconBtn1UrlCssStyle|styleFilter" [src]="tagData.data?.iconBtn1Url"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1683278302560f800950bb0625533f984947f06d8061f.png'" />
                <span class="type27ViewAllBtn" *ngIf="tagData.data?.iconBtn1Label"
                    [ngStyle]="tagData.data?.iconBtn1LabelCssStyle|styleFilter">{{tagData.data?.iconBtn1Label}}</span>

            </div>





        </div>

        <!-- 1.6.32 -->
        <div [ngStyle]="tagData.data?.topRightBtnBoxCssStyle|styleFilter">
            <img class="type27TipIcon" *ngIf="tagData.data?.topRightBtn"
                [src]="tagData.data?.topRightBtn?.link?.params?.iconUrl"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1655100633258d78cbf0056b92d1f7fe5e4231d57520c.png'"
                [ngStyle]="tagData.data?.topRightBtn?.link?.params?.iconCssStyle|styleFilter" appDebounceClick
                (debounceClick)="goPage(tagData.data?.topRightBtn?.link)" />


            <span class="type27Span" *ngIf="tagData.data?.title" [ngStyle]="tagData.data?.titleCssStyle|styleFilter">
                {{tagData.data?.title}}<span [ngStyle]="tagData.data?.lineCssStyle|styleFilter"></span>
            </span>
            <span class="type27Span" *ngIf="tagData.data?.subTitle"
                [ngStyle]="tagData.data?.subTitleCssStyle|styleFilter">{{tagData.data?.subTitle}}</span>


            <div appDebounceClick (debounceClick)="goPage(tagData.data?.topRightBtn2?.link)"
                *ngIf="tagData.data?.topRightBtn2" [ngStyle]="tagData.data?.topRightBtn2IconBtnCssStyle|styleFilter">
                <img class="type27TipIcon" *ngIf="tagData.data?.topRightBtn2Icon" [src]="tagData.data?.topRightBtn2Icon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_168327817135282587afd8e3d5c545085801c47a61038.png'"
                    [ngStyle]="tagData.data?.topRightBtn2IconCssStyle|styleFilter" />

                <span class="type27Span" *ngIf="tagData.data?.topRightBtn2Title"
                    [ngStyle]="tagData.data?.topRightBtn2TitleCssStyle|styleFilter">{{tagData.data?.topRightBtn2Title}}</span>

                <img class="type27TipIcon2" *ngIf="tagData.data?.topRightBtn2Icon2"
                    [src]="tagData.data?.topRightBtn2Icon2"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1683278127661720adcca5e39d970c08a145b80e9a9b6.png'"
                    [ngStyle]="tagData.data?.topRightBtn2Icon2CssStyle|styleFilter" />
            </div>
        </div>


    </div>
    <p class="tag-bg" *ngIf="tagData.data.secondRowTags" [ngStyle]="tagData.data?.secondRowTagsCssStyle|styleFilter">
        <span class="tag-" *ngFor="let tag of tagData.data.secondRowTags"
            [ngStyle]="tagData.data?.tagsCssStyle|styleFilter">{{tag}}</span>
    </p>
</ng-container>
<!--蜂喔用户 1.9.17.1 举报页面参数 28-report-page 自动生成举报按钮-->
<!--蜂喔1.9.18 企业微信客服 cssType='29-serviceLink'-->
<ng-container *ngIf="tagData.data.cssType==='29-serviceLink'">
    <div id="fengwoCustomerChatBox" class="storeConsultant" [ngStyle]="tagData.data.outerBoxCssStyle | styleFilter">
        <!--1.9.18 在线客服-->
        <div id="fengwoCustomerChat1" [ngStyle]="tagData.data.innerBoxCssStyle | styleFilter" class="fengwoCustomerChat"
            appDebounceClick (debounceClick)="goPage(tagData.data?.enterpriseWechat?.link)">
            <font id="fengwoCustomerChatLabel" *ngIf="tagData.data?.chatLabel"
                [ngStyle]="tagData.data.chatLabelCssStyle | styleFilter">
                {{tagData.data?.chatLabel}}
            </font>
            <img id="fengwoCustomerChatIcon" *ngIf="tagData.data?.chatIconUrl" class="fcc-icon"
                [ngStyle]="tagData.data.chatIconUrlCssStyle | styleFilter" src="{{tagData.data?.chatIconUrl}}"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165649405086632bb45beefe7fcd893b2f15a1eed206b.png'" />
        </div>
    </div>
</ng-container>
<!--蜂喔商户 新增折叠控件 -->
<ng-container *ngIf="tagData.data.cssType==='30-accordionList'">

    <div class="" *ngIf="tagData.data" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">
        <div id="{{recommendBoxId}}" class="accordion-msg-box" [ngStyle]="tagData.data?.bgCssStyle|styleFilter"
            style="border-radius: unset;">
            <div class="type30Label" [innerHtml]="tagData.data.label | parseStyle"
                [ngStyle]="tagData.data?.labelCssStyle|styleFilter"></div>
            <div *ngIf="tagData.data.label2" [innerHtml]="tagData.data.label2 | parseStyle"
                [ngStyle]="tagData.data?.label2CssStyle|styleFilter"></div>
        </div>
        <ng-container *ngIf="tagData.data?.withOutAccordion!==undefined; else withOutAccordElseTemplate">
            <div class="innerListBox" *ngIf="recommendListData" id="{{type30PanelDivId}}0"
                [ngStyle]="tagData.data?.innerListBoxCssStyle|styleFilter">
                <!--1.6.28-->
                <ng-container *ngIf="recommendListData.style==='appGeneralListTag'">
                    <app-app-general-list [tagData]="recommendListData"></app-app-general-list>
                </ng-container>
                <!--1.9.20 原商户端订单详情修改 -->
                <ng-container *ngIf="recommendListData.style==='orderInfoListTag'">
                    <app-order-info-list [tagData]="recommendListData"></app-order-info-list>
                </ng-container>
            </div>
            <div class="bottomBox" [ngStyle]="tagData.data?.bottomBoxCssStyle|styleFilter"
                *ngIf="tagData.data?.hiddenBottomBox1===undefined">
                <span class="accordionBottomLabel" *ngIf="tagData.data?.accordionBottomLabel"
                    [ngStyle]="tagData.data?.accordionBottomLabelCssStyle|styleFilter">{{tagData.data?.accordionBottomLabel}}</span>
                <span class="accordionBottomBtn" *ngIf="tagData.data?.accordionBtnLabel" appDebounceClick
                    (debounceClick)="btnClick(tagData.data?.firstRowRightBtn)"
                    [ngStyle]="tagData.data?.accordionBtnCssStyle|styleFilter">{{tagData.data?.accordionBtnLabel}}</span>
            </div>
            <div class="bottomBox" [ngStyle]="tagData.data?.bottomBox2CssStyle|styleFilter"
                *ngIf="tagData.data?.hiddenBottomBox2===undefined">

                <span class="accordionBottomBtn" *ngIf="tagData.data?.secondRowLeftBtnLabel" appDebounceClick
                    (debounceClick)="btnClick(tagData.data?.secondRowLeftBtn)"
                    [ngStyle]="tagData.data?.secondRowLeftBtnLabelCssStyle|styleFilter">{{tagData.data?.secondRowLeftBtnLabel}}</span>

                <span class="accordionBottomBtn" *ngIf="tagData.data?.secondRowRightBtnLabel" appDebounceClick
                    (debounceClick)="btnClick(tagData.data?.secondRowRightBtn)"
                    [ngStyle]="tagData.data?.secondRowRightBtnLabelCssStyle|styleFilter">{{tagData.data?.secondRowRightBtnLabel}}</span>
            </div>

            <div class="bottomBox2" appDebounceClick (debounceClick)="imitate()"
                [ngStyle]="tagData.data?.bottomBox3CssStyle|styleFilter">
                <img class="bottomBoxIcon"
                    src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1657788455724100fa5815cfe7654bed43ffa104e0a0a.png"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1657788455724100fa5815cfe7654bed43ffa104e0a0a.png'"
                    [ngStyle]="tagData.data?.bottomBox2IconCssStyle|styleFilter" />
            </div>
        </ng-container>
        <ng-template #withOutAccordElseTemplate>
            <Accordion [defaultActiveKey]="tagData.data.defaultActiveKey">
                <AccordionPanel id="{{type30PanelDivId}}" [key]="tagData.data.key" [header]="tagData.data.title"
                    (onChange)="accrodionTabClick($event)">
                    <div class="innerListBox" *ngIf="recommendListData" id="{{type30PanelDivId}}0"
                        [ngStyle]="tagData.data?.innerListBoxCssStyle|styleFilter">
                        <!--1.6.28-->
                        <ng-container *ngIf="recommendListData.style==='appGeneralListTag'">
                            <app-app-general-list [tagData]="recommendListData"></app-app-general-list>
                        </ng-container>
                        <!--1.9.20 原商户端订单详情修改 -->
                        <ng-container *ngIf="recommendListData.style==='orderInfoListTag'">
                            <app-order-info-list [tagData]="recommendListData"></app-order-info-list>
                        </ng-container>
                    </div>
                    <div class="bottomBox" [ngStyle]="tagData.data?.bottomBoxCssStyle|styleFilter"
                        *ngIf="tagData.data?.hiddenBottomBox1===undefined">
                        <span class="accordionBottomLabel" *ngIf="tagData.data?.accordionBottomLabel"
                            [ngStyle]="tagData.data?.accordionBottomLabelCssStyle|styleFilter">{{tagData.data?.accordionBottomLabel}}</span>
                        <span class="accordionBottomBtn" *ngIf="tagData.data?.accordionBtnLabel" appDebounceClick
                            (debounceClick)="btnClick(tagData.data?.firstRowRightBtn)"
                            [ngStyle]="tagData.data?.accordionBtnCssStyle|styleFilter">{{tagData.data?.accordionBtnLabel}}</span>
                    </div>
                    <div class="bottomBox" [ngStyle]="tagData.data?.bottomBox2CssStyle|styleFilter"
                        *ngIf="tagData.data?.hiddenBottomBox2===undefined">

                        <span class="accordionBottomBtn" *ngIf="tagData.data?.secondRowLeftBtnLabel" appDebounceClick
                            (debounceClick)="btnClick(tagData.data?.secondRowLeftBtn)"
                            [ngStyle]="tagData.data?.secondRowLeftBtnLabelCssStyle|styleFilter">{{tagData.data?.secondRowLeftBtnLabel}}</span>

                        <span class="accordionBottomBtn" *ngIf="tagData.data?.secondRowRightBtnLabel" appDebounceClick
                            (debounceClick)="btnClick(tagData.data?.secondRowRightBtn)"
                            [ngStyle]="tagData.data?.secondRowRightBtnLabelCssStyle|styleFilter">{{tagData.data?.secondRowRightBtnLabel}}</span>
                    </div>

                    <div class="bottomBox2" appDebounceClick (debounceClick)="imitate()"
                        [ngStyle]="tagData.data?.bottomBox3CssStyle|styleFilter">
                        <img class="bottomBoxIcon"
                            src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1657788455724100fa5815cfe7654bed43ffa104e0a0a.png"
                            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1657788455724100fa5815cfe7654bed43ffa104e0a0a.png'"
                            [ngStyle]="tagData.data?.bottomBox2IconCssStyle|styleFilter" />
                    </div>
                </AccordionPanel>
            </Accordion>
        </ng-template>
    </div>
</ng-container>

<!--蜂喔商户1.6.29  32-bottom-tab -->
<ng-container *ngIf="tagData.data.cssType==='32-bottom-tab'">
    <div class="type32-container" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">
        <div class="type32-btn-bg" *ngIf="tagData.data?.firstBtn" [ngStyle]="tagData.data?.innerBoxCssStyle|styleFilter"
            appDebounceClick (debounceClick)="askForBottomTab(tagData.data?.firstBtn,'0')">
            <div class="type32-icon-btn" [ngStyle]="tagData.data?.firstBtnCssStyle|styleFilter">
                <ng-container *ngIf="type32selectIndex==='0'; else firstBtnTemplate">
                    <img alt="" class="type32-icon" [src]="tagData.data?.firstBtnCheckIcon"
                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16600302944066170c22529ce834aab90b72d3952395d.png'">
                    <span class="type32-label-check">{{tagData.data?.firstBtnLabel}}</span>
                </ng-container>
                <ng-template #firstBtnTemplate>
                    <img alt="" class="type32-icon" [src]="tagData.data?.firstBtnNormalIcon"
                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16600304592548926138b05c5d0c7d647dabd481ca547.png'">
                    <span class="type32-label">{{tagData.data?.firstBtnLabel}}</span>
                </ng-template>
            </div>
        </div>
        <div class="type32-btn-bg" *ngIf="tagData.data?.secondBtn"
            [ngStyle]="tagData.data?.innerBoxCssStyle|styleFilter" appDebounceClick
            (debounceClick)="askForBottomTab(tagData.data?.secondBtn,'1')">
            <div class="type32-icon-btn" [ngStyle]="tagData.data?.secondBtnCssStyle|styleFilter">
                <ng-container *ngIf="type32selectIndex==='1'; else secondBtnTemplate">
                    <img alt="" class="type32-icon" [src]="tagData.data?.secondBtnCheckIcon"
                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1660030386762aaedf1c2e2e259fea7c0ee4d11a4051b.png'">
                    <span class="type32-label-check">{{tagData.data?.secondBtnLabel}}</span>
                </ng-container>
                <ng-template #secondBtnTemplate>
                    <img alt="" class="type32-icon" [src]="tagData.data?.secondBtnNormalIcon"
                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16600304786458184ea7b3d65f0df034e26d327782911.png'">
                    <span class="type32-label">{{tagData.data?.secondBtnLabel}}</span>
                </ng-template>
            </div>
        </div>
        <div class="type32-btn-bg" *ngIf="tagData.data?.thirdBtn" [ngStyle]="tagData.data?.innerBoxCssStyle|styleFilter"
            appDebounceClick (debounceClick)="askForBottomTab(tagData.data?.thirdBtn,'2')">
            <div class="type32-icon-btn" [ngStyle]="tagData.data?.thirdBtnCssStyle|styleFilter">
                <ng-container *ngIf="type32selectIndex==='2'; else thirdBtnTemplate">
                    <img alt="" class="type32-icon" [src]="tagData.data?.thirdBtnCheckIcon"
                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1660030402864f6219ab6d1763bba413ba7803f360894.png'">
                    <span class="type32-label-check">{{tagData.data?.thirdBtnLabel}}</span>
                </ng-container>
                <ng-template #thirdBtnTemplate>
                    <img alt="" class="type32-icon" [src]="tagData.data?.thridBtnNormalIcon"
                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1660030494847cdca7dec68f96de989d421c10ac88318.png'">
                    <span class="type32-label">{{tagData.data?.thirdBtnLabel}}</span>
                </ng-template>
            </div>
        </div>
        <div class="type32-btn-bg" *ngIf="tagData.data?.fourthBtn"
            [ngStyle]="tagData.data?.innerBoxCssStyle|styleFilter" appDebounceClick
            (debounceClick)="askForBottomTab(tagData.data?.fourthBtn,'3')">
            <div class="type32-icon-btn" [ngStyle]="tagData.data?.fourthBtnCssStyle|styleFilter">
                <ng-container *ngIf="type32selectIndex==='3'; else fourthBtnTemplate">
                    <img alt="" class="type32-icon" [src]="tagData.data?.fourthBtnCheckIcon"
                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1660030413808d643c899fd3d3471fcee5ca978ba2aea.png'">
                    <span class="type32-label-check">{{tagData.data?.fourthBtnLabel}}</span>
                </ng-container>
                <ng-template #fourthBtnTemplate>
                    <img alt="" class="type32-icon" [src]="tagData.data?.fourthBtnNormalIcon"
                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1660030509744f06f814f37484a0bfbd28faa3c72d376.png'">
                    <span class="type32-label">{{tagData.data?.fourthBtnLabel}}</span>
                </ng-template>
            </div>
        </div>
    </div>
</ng-container>

<!--蜂喔商户1.6.29  33-set-up-sales 选好了 + 展示选中数量 -->
<ng-container *ngIf="tagData.data.cssType==='33-set-up-sales'">
    <div class="type33-container" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">
        <div class="type33-leftbox" [ngStyle]="tagData.data?.leftBoxCssStyle|styleFilter">
            <div class="type33-check-all" appDebounceClick (debounceClick)="allClick()"
                *ngIf="tagData.data.hiddenCheckAll===undefined" [ngStyle]="tagData.data?.checkAllCssStyle|styleFilter">
                <i class="type33-check" [ngClass]="{'checked': type33checked}"></i>
            </div>
            <span class="type33-f-label" *ngIf="tagData.data?.firstLabel"
                [ngStyle]="tagData.data?.firstLabelCssStyle|styleFilter">{{tagData.data?.firstLabel}}
                <font class="secondLabel" *ngIf="tagData.data?.secondLabel!==undefined"
                    [ngStyle]="tagData.data?.secondLabelCssStyle|styleFilter">
                    {{tagData.data?.secondLabel}}</font>
                <ng-container
                    *ngIf="appGlobalService.shopGoodsSecondGlobalCountLabel!==''; else showApiRetrunCountLabel">
                    <font class="secondLabel" [ngStyle]="tagData.data?.secondGlobalCountLabelCssStyle|styleFilter">
                        {{appGlobalService.shopGoodsSecondGlobalCountLabel}}</font>
                </ng-container>
                <ng-template #showApiRetrunCountLabel>
                    <font class="secondLabel" *ngIf="tagData?.data?.secondGlobalCountLabel"
                        [ngStyle]="tagData?.data?.secondGlobalCountLabelCssStyle|styleFilter">
                        {{tagData?.data?.secondGlobalCountLabel}}</font>
                </ng-template>
                <font class="separatorLabel" *ngIf="tagData.data?.separatorLabel"
                    [ngStyle]="tagData.data?.separatorLabelCssStyle|styleFilter">
                    {{tagData.data?.separatorLabel}}</font>
                <font class="thirdLabel" *ngIf="tagData.data?.thirdLabel"
                    [ngStyle]="tagData.data?.thirdLabelCssStyle|styleFilter">
                    {{tagData.data?.thirdLabel}}</font>
            </span>
        </div>

        <div class="type33-rightbox" [ngStyle]="tagData.data?.rightBoxCssStyle|styleFilter">
            <span class="type33-l-btn" *ngIf="tagData.data?.leftBtn" appDebounceClick
                (debounceClick)="btnClick(tagData.data?.leftBtn,1)"
                [ngStyle]="tagData.data?.leftBtnCssStyle|styleFilter">{{tagData.data?.leftBtnLabel}}</span>
            <span class="type33-r-btn" *ngIf="tagData.data?.rightBtn" appDebounceClick
                (debounceClick)="btnClick(tagData.data?.rightBtn,1)"
                [ngStyle]="tagData.data?.rightBtnCssStyle|styleFilter">{{tagData.data?.rightBtnLabel}}</span>
        </div>
    </div>
</ng-container>

<!--蜂喔商户1.6.29  34-place-an-order -->
<ng-container *ngIf="tagData.data.cssType==='34-place-an-order'">
    <div class="type34-container" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">

        <div class="type34-innerBox" [ngStyle]="tagData.data?.innerBoxCssStyle|styleFilter">

            <div class="type34-top" [ngStyle]="tagData.data?.topBoxCssStyle|styleFilter">
                <img class="type34Icon" *ngIf="tagData.data?.topLeftIcon" [src]="tagData.data?.topLeftIcon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1660199117692e81391fe597115f19cf571c267746c87.png'"
                    [ngStyle]="tagData.data?.topLeftIconCssStyle|styleFilter" />
                <span class="type34-l1" *ngIf="tagData.data?.label"
                    [ngStyle]="tagData.data?.labelCssStyle|styleFilter">{{tagData.data?.label}}</span>
            </div>
            <div [ngStyle]="tagData.data?.labelBoxCssStyle|styleFilter">
                <div class="type34-l2" *ngIf="tagData.data?.label2"
                    [ngStyle]="tagData.data?.label2CssStyle|styleFilter">{{tagData.data?.label2}}
                    <font *ngIf="tagData.data?.label2Right" [ngStyle]="tagData.data?.label2RightCssStyle|styleFilter">
                        {{tagData.data?.label2Right}}</font>
                </div>
                <div class="type34-l2" *ngIf="tagData.data?.label3"
                    [ngStyle]="tagData.data?.label3CssStyle|styleFilter">{{tagData.data?.label3}}
                    <font *ngIf="tagData.data?.label3Right" [ngStyle]="tagData.data?.label3RightCssStyle|styleFilter">
                        {{tagData.data?.label3Right}}</font>
                </div>
                <div class="type34-l2" *ngIf="tagData.data?.label4"
                    [ngStyle]="tagData.data?.label4CssStyle|styleFilter">{{tagData.data?.label4}}
                    <font *ngIf="tagData.data?.label4Right" [ngStyle]="tagData.data?.label4RightCssStyle|styleFilter">
                        {{tagData.data?.label4Right}}</font>
                </div>
                <div class="type34-l2" *ngIf="tagData.data?.label5"
                    [ngStyle]="tagData.data?.label5CssStyle|styleFilter">{{tagData.data?.label5}}
                    <font *ngIf="tagData.data?.label5Right" [ngStyle]="tagData.data?.label5RightCssStyle|styleFilter">
                        {{tagData.data?.label5Right}}</font>
                </div>
            </div>


            <div class="type34-btnbox" [ngStyle]="tagData.data?.btnBoxCssStyle|styleFilter">

                <img class="type34Icon" *ngIf="tagData.data?.btnIconLeft" [src]="tagData.data?.btnIconLeft"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1660199117692e81391fe597115f19cf571c267746c87.png'"
                    [ngStyle]="tagData.data?.btnIconLeftCssStyle|styleFilter" />

                <span class="type34-l2" *ngIf="tagData.data?.btnLabel"
                    [ngStyle]="tagData.data?.btnLabelCssStyle|styleFilter">{{tagData.data?.btnLabel}}</span>
                <span class="type34-l2" *ngIf="tagData.data?.btnLabel1"
                    [ngStyle]="tagData.data?.btnLabel1CssStyle|styleFilter">{{tagData.data?.btnLabel1}}</span>

                <span class="type34-btn" *ngIf="tagData.data?.accordionBtnLabel"
                    [ngStyle]="tagData.data?.accordionBtnCssStyle|styleFilter" appDebounceClick
                    (debounceClick)="btnClick(tagData.data?.firstBtn)">

                    <img class="type34Icon" *ngIf="tagData.data?.btnIcon" [src]="tagData.data?.btnIcon"
                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1660199117692e81391fe597115f19cf571c267746c87.png'"
                        [ngStyle]="tagData.data?.btnIconCssStyle|styleFilter" />
                    {{tagData.data?.accordionBtnLabel}}</span>
            </div>


            <span class="type34-btn" *ngIf="tagData.data?.rightBtnLabel"
                [ngStyle]="tagData.data?.rightBtnCssStyle|styleFilter" appDebounceClick
                (debounceClick)="btnClick(tagData.data?.rightBtn)">

                <img class="type34Icon" *ngIf="tagData.data?.rightBtnIcon" [src]="tagData.data?.rightBtnIcon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1660199117692e81391fe597115f19cf571c267746c87.png'"
                    [ngStyle]="tagData.data?.rightBtnIconCssStyle|styleFilter" />
                {{tagData.data?.rightBtnLabel}}</span>
        </div>
    </div>
</ng-container>

<!--35.蜂喔用户 1.9.20 共多少件 合计 提交订单按钮-->
<ng-container *ngIf="tagData.data.cssType==='35-btn-link'">
    <div class="type35-container" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">
        <div class="type35-leftBox" [ngStyle]="tagData.data?.leftBoxCssStyle|styleFilter">
            <div class="type35-item-left" appDebounceClick (debounceClick)="choose(tagData.data,1)"
                *ngIf="tagData.data?.showCheckBox!==undefined" [ngStyle]="tagData.data?.checkCssStyle|styleFilter">
                <i class="check-img" [ngStyle]="tagData.data?.checkImgCssStyle|styleFilter"
                    [ngClass]="{'checked-img': appGlobalService.balancePaymentChecked===true}"></i>
                <span class="type35-l1" *ngIf="tagData.data?.leftItemLabel"
                    [ngStyle]="tagData.data?.leftItemLabelCssStyle|styleFilter">{{tagData.data?.leftItemLabel}}</span>
            </div>

            <div [ngStyle]="tagData.data?.leftMainBoxCssStyle|styleFilter">
                <div [ngStyle]="tagData.data?.leftTopBoxCssStyle|styleFilter">
                    <span class="type35-l1" *ngIf="tagData.data?.topLeftLabel1"
                        [ngStyle]="tagData.data?.topLeftLabel1CssStyle|styleFilter">{{tagData.data?.topLeftLabel1}}</span>
                    <span class="type35-l2" *ngIf="tagData.data?.topLeftLabel2"
                        [ngStyle]="tagData.data?.topLeftLabel2CssStyle|styleFilter">{{tagData.data?.topLeftLabel2}}</span>
                    <span class="type35-l2" *ngIf="tagData.data?.topLeftLabel3"
                        [ngStyle]="tagData.data?.topLeftLabel3CssStyle|styleFilter">{{tagData.data?.topLeftLabel3}}</span>


                    <span class="type35-l2" *ngIf="tagData.data?.topLeftPrice"
                        [ngStyle]="tagData.data?.topLeftPriceCssStyle|styleFilter">
                        {{(getInterger(tagData.data?.topLeftPrice - 0) | currency:'CNY':'':'1.0-0')}}<i
                            class="price-digits-o"
                            [ngStyle]="tagData.data?.topLeftPriceDigitsCssStyle|styleFilter">{{(tagData.data?.topLeftPrice
                            - 0 |
                            currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></span>

                    <ng-container *ngIf="tagData.data?.isShowBalancePayment!==undefined">
                        <span class="type35-l2" [ngStyle]="tagData.data?.balancePaymentCssStyle|styleFilter">
                            {{(getInterger(appGlobalService.balancePayment - 0) | currency:'CNY':'':'1.0-0')}}<i
                                class="price-digits-o"
                                [ngStyle]="tagData.data?.balancePaymentDigitsCssStyle|styleFilter">{{(appGlobalService.balancePayment
                                - 0 |
                                currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></span>
                    </ng-container>
                </div>
                <div [ngStyle]="tagData.data?.leftBottomBoxCssStyle|styleFilter">
                    <span class="type35-l1" *ngIf="tagData.data?.label1"
                        [ngStyle]="tagData.data?.label1CssStyle|styleFilter">{{tagData.data?.label1}}</span>
                    <span class="type35-l2" *ngIf="tagData.data?.label2"
                        [ngStyle]="tagData.data?.label2CssStyle|styleFilter">{{tagData.data?.label2}}</span>
                    <ng-container *ngIf="tagData.data?.isShowBalanceCount">
                        <span class="type35-l2"
                            *ngIf="appGlobalService.balancePaymentArray&&appGlobalService.balancePaymentArray.length>0"
                            [ngStyle]="tagData.data?.balanceCountCssStyle|styleFilter">{{appGlobalService.balancePaymentArray.length}}</span>
                    </ng-container>
                    <span class="type35-l2" *ngIf="tagData.data?.label3"
                        [ngStyle]="tagData.data?.label3CssStyle|styleFilter">{{tagData.data?.label3}}</span>
                    <ng-container *ngIf="tagData.data?.isShowInvoiceTotal!==undefined; else elseInvoiceTemplate">
                        <span class="type35-l2" *ngIf="tagData.data?.label5"
                            [ngStyle]="tagData.data?.label5CssStyle|styleFilter">
                            {{(getInterger(appGlobalService.invoiceTotalAmount - 0) | currency:'CNY':'':'1.0-0')}}<i
                                class="price-digits-o">{{(appGlobalService.invoiceTotalAmount - 0 |
                                currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></span>
                    </ng-container>
                    <ng-template #elseInvoiceTemplate>
                        <span class="type35-l2" *ngIf="tagData.data?.label4"
                            [ngStyle]="tagData.data?.label4CssStyle|styleFilter">
                            {{(getInterger(appGlobalService.orderTotalAmount - 0) | currency:'CNY':'':'1.0-0')}}<i
                                class="price-digits-o">{{(appGlobalService.orderTotalAmount - 0 |
                                currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></span>
                    </ng-template>
                </div>
            </div>
        </div>
        <div class="type35-btnbox" [ngStyle]="tagData.data?.btnBoxCssStyle|styleFilter">
            <ng-container *ngIf="tagData.data?.isShowInvoiceTotal!==undefined; else elseInvoicebtnTemplate">
                <ng-container
                    *ngIf="getFloat(appGlobalService.invoiceTotalAmount - 0)===0; else elseDisableBtnTemplate">
                    <button class="type35-btn 1 disableBtn" *ngIf="tagData.data?.rightBtn"
                        [ngStyle]="tagData.data?.rightBtnCssStyle|styleFilter"
                        disabled>{{tagData.data?.rightBtnLabel}}</button>
                </ng-container>
                <ng-template #elseDisableBtnTemplate>
                    <button class="type35-btn 2" *ngIf="tagData.data?.rightBtn"
                        [ngStyle]="tagData.data?.rightBtnCssStyle|styleFilter" appDebounceClick
                        (debounceClick)="btnClick(tagData.data?.rightBtn)">{{tagData.data?.rightBtnLabel}}</button>
                </ng-template>
            </ng-container>
            <ng-template #elseInvoicebtnTemplate>
                <ng-container *ngIf="tagData.data?.isShowBalancePayment!==undefined; else elseNormalBtnTemplate">
                    <ng-container
                        *ngIf="getFloat(appGlobalService.balancePayment - 0)===0; else elseDisableBalanceBtnTemplate">
                        <button class="type35-btn 3 disableBtn" *ngIf="tagData.data?.rightBtn"
                            [ngStyle]="tagData.data?.rightBtnCssStyle|styleFilter"
                            disabled>{{tagData.data?.rightBtnLabel}}</button>
                    </ng-container>
                    <ng-template #elseDisableBalanceBtnTemplate>
                        <button class="type35-btn 4" *ngIf="tagData.data?.rightBtn"
                            [ngStyle]="tagData.data?.rightBtnCssStyle|styleFilter" appDebounceClick
                            (debounceClick)="btnClick(tagData.data?.rightBtn,2)">{{tagData.data?.rightBtnLabel}}</button>
                    </ng-template>
                </ng-container>
                <ng-template #elseNormalBtnTemplate>
                    <span class="type35-btn 5" *ngIf="tagData.data?.rightBtn"
                        [ngStyle]="tagData.data?.rightBtnCssStyle|styleFilter" appDebounceClick
                        (debounceClick)="btnClick(tagData.data?.rightBtn)">{{tagData.data?.rightBtnLabel}}</span>
                </ng-template>
            </ng-template>
        </div>
    </div>
</ng-container>

<!--36.定位按钮-->
<ng-container *ngIf="tagData.data.cssType==='36-location-btn'">
    <div id="{{type36Id}}" class="type36-container" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">
        <div class="type36-tbox" [ngStyle]="tagData.data?.type36tBoxCssStyle|styleFilter">
            <div [ngStyle]="tagData.data?.type36tLBoxCssStyle|styleFilter">
                <img class="type36LeftIcon" *ngIf="tagData.data?.firstRowLeftIcon"
                    [src]="tagData.data?.firstRowLeftIcon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16633095007911d0626ad77254f8a8fbd7e91624ccda0.png'"
                    [ngStyle]="tagData.data?.firstRowLeftIconCssStyle|styleFilter" appDebounceClick
                    (debounceClick)="btnClick(tagData.data?.leftBtn)" />
            </div>

            <div>
                <span class="type36tlLabel" *ngIf="tagData.data?.firstRowLeftLabel"
                    [ngStyle]="tagData.data?.firstRowLeftLabelCssStyle|styleFilter">{{tagData.data?.firstRowLeftLabel}}</span>
            </div>

            <div>
                <img class="type36CloseIcon" *ngIf="tagData.data?.firstRowRightIcon"
                    [src]="tagData.data?.firstRowRightIcon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16633095007911d0626ad77254f8a8fbd7e91624ccda0.png'"
                    [ngStyle]="tagData.data?.firstRowRightIconCssStyle|styleFilter" appDebounceClick
                    (debounceClick)="btnClick(tagData.data?.closeBtn)" />
            </div>
        </div>
        <div class="type36-bbox" [ngStyle]="tagData.data?.type36bBoxCssStyle|styleFilter">
            <div>
                <img class="type36LocIcon" *ngIf="tagData.data?.secondRowLeftIcon"
                    [src]="tagData.data?.secondRowLeftIcon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1663309793402ff059332b39d1723566dc6ca06328628.png'"
                    [ngStyle]="tagData.data?.secondRowLeftIconCssStyle|styleFilter" />
                <span class="type36blLabel" *ngIf="tagData.data?.secondRowLeftLabel"
                    [ngStyle]="tagData.data?.secondRowLeftLabelCssStyle|styleFilter">{{tagData.data?.secondRowLeftLabel}}</span>
            </div>
            <div>
                <span class="type36brLabel" *ngIf="tagData.data?.secondRowRightLabel"
                    [ngStyle]="tagData.data?.secondRowRightLabelCssStyle|styleFilter" appDebounceClick
                    (debounceClick)="refreshBtn()">{{tagData.data?.secondRowRightLabel}}</span>
            </div>
        </div>
    </div>
</ng-container>

<!--37.蜂喔商户1.6.32 报备记录，请求支援 -->
<ng-container *ngIf="tagData.data.cssType==='37-shop-btnlink'">
    <div id="{{type36Id}}" class="type37-container" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">
        <div class="type37-lbox" [ngStyle]="tagData.data?.leftBoxCssStyle|styleFilter">

            <!--报备记录,请求支援-->
            <p class="leftTitle" *ngIf="tagData?.data?.leftTitle"
                [ngStyle]="tagData?.data?.leftTitleCssStyle|styleFilter">{{tagData?.data?.leftTitle}}
            </p>

            <div class="leftSecondBox" *ngIf="!tagData?.data?.hiddenLeftComment"
                [ngStyle]="tagData?.data?.leftSecondBoxCssStyle|styleFilter">
                <img class="leftImgUrl" *ngIf="tagData?.data?.leftImgUrl" [src]="tagData?.data?.leftImgUrl"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16668643166164c023364a77e0678ceca1f5eb65ab018.png'"
                    [ngStyle]="tagData?.data?.leftImgUrlCssStyle|styleFilter" />
                <span class="leftComment" *ngIf="tagData?.data?.leftComment"
                    [ngStyle]="tagData?.data?.leftCommentCssStyle|styleFilter">{{tagData?.data?.leftComment}}</span>
            </div>

            <div class="leftThirdBox" *ngIf="!tagData?.data?.hiddenLeftThirdBox"
                [ngStyle]="tagData?.data?.leftThirdBoxCssStyle|styleFilter">
                <span class="lFirstBtn" *ngIf="tagData?.data?.leftFirstBtn" appDebounceClick
                    (debounceClick)="btnClick(tagData?.data?.leftFirstBtn)"
                    [ngStyle]="tagData?.data?.leftFirstBtnCssStyle|styleFilter">{{tagData?.data?.leftFirstBtnLabel}}</span>
                <span class="middleLine" *ngIf="tagData?.data?.leftMiddleLine"
                    [ngStyle]="tagData?.data?.leftMiddleLineCssStyle|styleFilter"> </span>
                <span class="lFirstBtn" *ngIf="tagData?.data?.leftSecondBtn" appDebounceClick
                    (debounceClick)="btnClick(tagData?.data?.leftSecondBtn)"
                    [ngStyle]="tagData?.data?.leftSecondBtnCssStyle|styleFilter">{{tagData?.data?.leftSecondBtnLabel}}</span>
            </div>

            <!--预览修改，指定客户生成建材订单-->
            <ion-toggle mode="md" class="toggleBtn" *ngIf="!tagData.data?.hiddenLeftToggleBtn"
                [ngStyle]="tagData.data?.leftToggleBtnCssStyle|styleFilter" [(ngModel)]="switchButtonValue"
                (ionChange)="switchButtonSystem(tagData.data?.leftToggleBtn, tagData.data.showValue,'1')"
                [ngModelOptions]="{standalone: true}">
            </ion-toggle>

            <span class="leftTips" *ngIf="tagData?.data?.leftTips"
                [ngStyle]="tagData?.data?.leftTipsCssStyle|styleFilter">{{tagData?.data?.leftTips}}</span>

            <span class="leftMiddleBtn" *ngIf="tagData?.data?.leftMiddleBtn"
                [ngStyle]="tagData?.data?.leftMiddleBtnCssStyle|styleFilter" appDebounceClick
                (debounceClick)="btnClick(tagData?.data?.leftMiddleBtn)">
                <img class="leftMiddleBtnIcon" *ngIf="tagData?.data?.leftMiddleBtnIcon"
                    [src]="tagData?.data?.leftMiddleBtnIcon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1667019022630e1f96ba4ecf1c0b0a989c3cc23dacfda.png'"
                    [ngStyle]="tagData?.data?.leftMiddleBtnIconCssStyle|styleFilter" />
                {{tagData?.data?.leftMiddleBtnLabel}}</span>

            <span class="leftBottomLabel" *ngIf="tagData?.data?.leftBottomLabel"
                [ngStyle]="tagData?.data?.leftBottomLabelCssStyle|styleFilter">{{tagData?.data?.leftBottomLabel}}</span>
        </div>

        <div class="type37-rbox" [ngStyle]="tagData.data?.rightBoxCssStyle|styleFilter">

            <p class="leftTitle" *ngIf="tagData?.data?.rightTitle"
                [ngStyle]="tagData?.data?.rightTitleCssStyle|styleFilter">{{tagData?.data?.rightTitle}}
            </p>

            <div class="leftSecondBox" *ngIf="!tagData?.data?.hiddenRightComment"
                [ngStyle]="tagData?.data?.rightSecondBoxCssStyle|styleFilter">
                <img class="leftImgUrl" *ngIf="tagData?.data?.rightImgUrl" [src]="tagData?.data?.rightImgUrl"
                    onerror="this.src='assets/fw/expert_icon_chat_location.png'"
                    [ngStyle]="tagData?.data?.rightImgUrlCssStyle|styleFilter" />
                <span class="leftComment" *ngIf="tagData?.data?.rightComment"
                    [ngStyle]="tagData?.data?.rightCommentCssStyle|styleFilter">{{tagData?.data?.rightComment}}</span>

            </div>

            <div class="leftThirdBox" *ngIf="!tagData?.data?.hiddenRightThirdBox"
                [ngStyle]="tagData?.data?.rightThirdBoxCssStyle|styleFilter">
                <span class="lFirstBtn" *ngIf="tagData?.data?.rightFirstBtn" appDebounceClick
                    (debounceClick)="btnClick(tagData?.data?.rightFirstBtn)"
                    [ngStyle]="tagData?.data?.rightFirstBtnCssStyle|styleFilter">{{tagData?.data?.rightFirstBtnLabel}}</span>
                <span class="middleLine" *ngIf="tagData?.data?.rightMiddleLine"
                    [ngStyle]="tagData?.data?.rightMiddleLineCssStyle|styleFilter"> </span>
                <span class="lFirstBtn" *ngIf="tagData?.data?.rightSecondBtn" appDebounceClick
                    (debounceClick)="btnClick(tagData?.data?.rightSecondBtn)"
                    [ngStyle]="tagData?.data?.rightSecondBtnCssStyle|styleFilter">{{tagData?.data?.rightSecondBtnLabel}}</span>
            </div>

            <!--预览修改，指定客户生成建材订单-->
            <ion-toggle mode="md" class="toggleBtn" *ngIf="!tagData.data?.hiddenRightToggleBtn"
                [ngStyle]="tagData.data?.rightToggleBtnCssStyle|styleFilter" [(ngModel)]="switchRightButtonValue"
                (ionChange)="switchButtonSystem(tagData.data?.rightToggleBtn, tagData.data.showValue,'2')"
                [ngModelOptions]="{standalone: true}">
            </ion-toggle>

            <span class="leftTips" *ngIf="tagData?.data?.rightTips"
                [ngStyle]="tagData?.data?.rightTipsCssStyle|styleFilter">{{tagData?.data?.rightTips}}</span>

            <span class="leftMiddleBtn" *ngIf="tagData?.data?.rightMiddleBtn"
                [ngStyle]="tagData?.data?.rightMiddleBtnCssStyle|styleFilter" appDebounceClick
                (debounceClick)="btnClick(tagData?.data?.rightMiddleBtn)">
                <img class="leftMiddleBtnIcon" *ngIf="tagData?.data?.rightMiddleBtnIcon"
                    [src]="tagData?.data?.rightMiddleBtnIcon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16670190772276573bf37ea6ecb20a02d0a260b309ade.png'"
                    [ngStyle]="tagData?.data?.rightMiddleBtnIconCssStyle|styleFilter" />
                {{tagData?.data?.rightMiddleBtnLabel}}</span>

            <span class="leftBottomLabel" *ngIf="tagData?.data?.rightBottomLabel"
                [ngStyle]="tagData?.data?.rightBottomLabelCssStyle|styleFilter">{{tagData?.data?.rightBottomLabel}}</span>
        </div>
    </div>
</ng-container>

<!--蜂喔商户1.6.34 切换店铺 根据配置类型来跳转 -->
<ng-container *ngIf="tagData.data.cssType==='38-switch-shopBtn'">
    <div class="type38-container" [ngClass]="{'type38-lockUp': tagData.data?.lockUp!==undefined}"
        [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter" appDebounceClick
        (debounceClick)="switchShopBtn($event,tagData.data?.switchBtn,tagData.data?.refreshStr)">

        <img *ngIf="tagData.data?.leftIcon" [src]="tagData.data?.leftIcon" class="type38-leftIcon"
            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16705496282306a63dcd0774a3d14c52662a773dbe292.png'"
            [ngStyle]="tagData.data?.leftIconCssStyle|styleFilter" />

        <div class="type38-textBox" [ngStyle]="tagData.data?.textBoxCssStyle|styleFilter">
            <p class="type38-title" *ngIf="tagData?.data?.title" [ngStyle]="tagData?.data?.titleCssStyle|styleFilter">
                {{tagData?.data?.title}}
                <img class="type38-authIcon" [src]="tagData.data?.authIcon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16934695409053a34d710489d7a358a24367497433ac6.png'"
                    [ngStyle]="tagData.data?.authIconCssStyle|styleFilter" *ngIf="tagData.data?.authIcon" />

                <span *ngIf="tagData?.data?.titleTips"
                    [ngStyle]="tagData?.data?.titleTipsCssStyle|styleFilter">{{tagData?.data?.titleTips}}</span>
            </p>
            <p class="type38-subTitle" *ngIf="tagData?.data?.subTitle"
                [ngStyle]="tagData?.data?.subTitleCssStyle|styleFilter">
                {{tagData?.data?.subTitle}}
            </p>
        </div>
        <ng-container
            *ngIf="appGlobalService.switchShopUniqueId!==''&&appGlobalService.switchShopUniqueId===tagData.data?.id; else UseDefaultCheckTempalte">
            <img class="type38-checkIcon 1" [src]="tagData.data?.checkIcon"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1670550318975645464cded32eb87652ffe3f5e44f022.png'"
                [ngStyle]="tagData.data?.checkIconCssStyle|styleFilter" />
        </ng-container>
        <ng-template #UseDefaultCheckTempalte>
            <ng-container
                *ngIf="appGlobalService.switchServiceCenterUniqueId!==''&&appGlobalService.switchServiceCenterUniqueId===tagData.data?.id; else UseDefaultCheckTempalte2">
                <img class="type38-checkIcon 2" *ngIf="tagData.data?.checkIcon " [src]="tagData.data?.checkIcon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1670550318975645464cded32eb87652ffe3f5e44f022.png'"
                    [ngStyle]="tagData.data?.checkIconCssStyle|styleFilter" />
            </ng-container>
            <ng-template #UseDefaultCheckTempalte2>
                <img class="type38-checkIcon 3"
                    *ngIf="tagData.data?.checkIcon&&appGlobalService.switchShopUniqueId===''"
                    [src]="tagData.data?.checkIcon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1670550318975645464cded32eb87652ffe3f5e44f022.png'"
                    [ngStyle]="tagData.data?.checkIconCssStyle|styleFilter" />
            </ng-template>
        </ng-template>

        <ng-container *ngIf="tagData.data?.lockUp!==undefined; else elseLockUpTemplate">
            <img class="type38-rightIcon 4" *ngIf="tagData.data?.rightLockUpIcon" [src]="tagData.data?.rightLockUpIcon"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1670550555886758ff9b427bd073ede469c0ea844111b.png'"
                [ngStyle]="tagData.data?.rightLockUpIconCssStyle|styleFilter" />
        </ng-container>

        <ng-template #elseLockUpTemplate>
            <img class="type38-rightIcon 5" *ngIf="tagData.data?.rightIcon" [src]="tagData.data?.rightIcon"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1670552223487fc5244c638c7ce19e7e524152ed8e8a1.png'"
                [ngStyle]="tagData.data?.rightIconCssStyle|styleFilter" />
        </ng-template>
    </div>
</ng-container>

<!--蜂喔商户1.6.34 供应商按钮/ 2.2.18 找好店、找好货 -->
<ng-container *ngIf="tagData.data.cssType==='39-vendor-btn'">
    <div class="type39-container" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">
        <ng-container *ngIf="tagData.data?.newStyle; else elseNormalVendorBtnTemplate">
            <div class="backBtnBox" *ngIf="tagData.data?.backBtnBoxCssStyle" appDebounceClick
                (debounceClick)="backClick($event)" [ngStyle]="tagData.data?.backBtnBoxCssStyle|styleFilter">
                <img class="searchBackIcon" *ngIf="tagData.data?.searchBackIcon" [src]="tagData.data?.searchBackIcon"
                    onerror="this.src='assets/img/back_left.png'"
                    [ngStyle]="tagData.data?.searchBackIconCssStyle|styleFilter" />
            </div>

            <div class="type39-searchBox newStyle" [ngStyle]="tagData.data?.searchBoxCssStyle|styleFilter">
                <div class="search-left-box" [ngStyle]="tagData.data?.searchLeftBoxCssStyle|styleFilter">
                    <span class="search-title" appDebounceClick
                        (debounceClick)="popoverClick($event,tagData?.data?.searchBtn)"
                        [ngStyle]="tagData.data?.searchTitleCssStyle|styleFilter">{{tagData.data?.searchTitle}}
                        <img *ngIf="tagData.data?.searchTitleIcon" class="search-title-icon"
                            [src]="tagData.data?.searchTitleIcon"
                            onerror="this.src='assets/fw/nav_icon_down_arrow@3x.png'"
                            [ngStyle]="tagData.data?.searchTitleIconCssStyle|styleFilter" />
                    </span>
                    <div class="search-split-line" *ngIf="tagData.data?.searchSplitLine"
                        [ngStyle]="tagData.data?.searchSplitLineCssStyle|styleFilter"></div>

                    <input type="text" id="searchCustomInput" [(ngModel)]="keyword"
                        [attr.placeholder]="tagData.data?.searchInputHint" class="input" />

                </div>
                <div class="search-right-btn" [ngStyle]="tagData.data?.searchRightBtnLabelCssStyle|styleFilter"
                    appDebounceClick (debounceClick)="searchClick($event,tagData?.data?.searchBtn)">
                    {{tagData.data?.searchRightBtnLabel}}</div>
            </div>
        </ng-container>
        <ng-template #elseNormalVendorBtnTemplate>
            <div class="type39-tbox" [ngStyle]="tagData.data?.topBoxCssStyle|styleFilter">
                <div class="type39-titleBox" appDebounceClick (debounceClick)="jumpPage($event,tagData?.data?.titleBtn)"
                    [ngStyle]="tagData?.data?.leftTitleBoxCssStyle|styleFilter">
                    <span class="type39-title" *ngIf="tagData?.data?.leftTitle"
                        [ngStyle]="tagData?.data?.leftTitleCssStyle|styleFilter">
                        {{tagData?.data?.leftTitle}}
                    </span>
                    <span class="type39-arrow" *ngIf="tagData?.data?.arrowIcon"
                        [ngStyle]="tagData?.data?.arrowIconCssStyle|styleFilter">
                    </span>
                </div>
                <span class="type39-rightBtn" *ngIf="tagData?.data?.topRightBtn" appDebounceClick
                    (debounceClick)="jumpPage($event,tagData.data.topRightBtn)"
                    [ngStyle]="tagData?.data?.topRightBtnCssStyle|styleFilter">{{tagData?.data?.topRightBtnLabel}}</span>
            </div>
            <div class="type39-bbox" [ngStyle]="tagData.data?.bottomBoxCssStyle|styleFilter">
                <span class="type39-label" *ngIf="tagData?.data?.firstLabel" appDebounceClick
                    (debounceClick)="jumpPage($event,tagData.data.shopManageBtn)"
                    [ngStyle]="tagData?.data?.firstLabelCssStyle|styleFilter">{{tagData?.data?.firstLabel}}</span>
                <span class="type39-value" *ngIf="tagData?.data?.firstValue" appDebounceClick
                    (debounceClick)="jumpPage($event,tagData.data.shopManageBtn)"
                    [ngStyle]="tagData?.data?.firstValueCssStyle|styleFilter">{{tagData?.data?.firstValue}}</span>
                <span class="type39-label" *ngIf="tagData?.data?.secondLabel"
                    [ngStyle]="tagData?.data?.secondLabelCssStyle|styleFilter">{{tagData?.data?.secondLabel}}</span>
                <span class="type39-value" *ngIf="tagData?.data?.secondValue"
                    [ngStyle]="tagData?.data?.secondValueCssStyle|styleFilter">{{tagData?.data?.secondValue}}</span>
            </div>
        </ng-template>





    </div>
</ng-container>



<!--蜂喔用户2.0新增 -->
<ng-container *ngIf="tagData.data.cssType==='40-btn-link'">
    <!--通过appGlobalService显示 type=1 表示立即邀约，type=2 表示立即支付，type=3 表示咨询管家-->
</ng-container>

<!--蜂喔商户2.0 订单信息，客户信息按钮  -->
<ng-container *ngIf="tagData.data.cssType==='41-order-info'">
    <div class="type39-container" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">
        <div class="type39-tbox" [ngStyle]="tagData.data?.topBoxCssStyle|styleFilter">
            <div class="type39-titleBox" [ngStyle]="tagData?.data?.leftTitleBoxCssStyle|styleFilter">
                <span class="type39-title" *ngIf="tagData?.data?.leftTitle"
                    [ngStyle]="tagData?.data?.leftTitleCssStyle|styleFilter">
                    {{tagData?.data?.leftTitle}}
                </span>
            </div>
            <span class="type39-rightBtn" *ngIf="tagData?.data?.topRightBtn" appDebounceClick
                (debounceClick)="jumpPage($event,tagData.data.topRightBtn)"
                [ngStyle]="tagData?.data?.topRightBtnCssStyle|styleFilter">{{tagData?.data?.topRightBtnLabel}}</span>
        </div>


        <div class="type41-fr 1" [ngStyle]="tagData?.data?.firstRowBoxCssStyle|styleFilter">

            <div class="type41-avatarBox" *ngIf="tagData?.data?.avatar"
                [ngStyle]="tagData?.data?.avatarBoxCssStyle|styleFilter">
                <img class="type41-avatar" *ngIf="tagData?.data?.avatar" [src]="tagData?.data?.avatar"
                    onerror="this.src='assets/img/headportraitstaff.png'"
                    [ngStyle]="tagData?.data?.avatarCssStyle|styleFilter" />

                <span class="type41-nickname" *ngIf="tagData?.data?.nickName"
                    [ngStyle]="tagData?.data?.nickNameCssStyle|styleFilter">{{tagData?.data?.nickName}}</span>
            </div>

            <span class="type41-label" *ngIf="tagData?.data?.firstRowLabel"
                [ngStyle]="tagData?.data?.firstRowLabelCssStyle|styleFilter">{{tagData?.data?.firstRowLabel}}</span>

            <span class="type41-value" *ngIf="tagData?.data?.firstRowValue"
                [ngStyle]="tagData?.data?.firstRowValueCssStyle|styleFilter">{{tagData?.data?.firstRowValue}}</span>

            <img class="type41-chat" *ngIf="tagData?.data?.firstRowChatBtn" appDebounceClick
                (debounceClick)="jumpPage($event,tagData.data.firstRowChatBtn,tagData.data?.doEventButton)"
                [src]="tagData?.data?.firstRowChatBtnIcon" onerror="this.src='assets/fw/expert_icon_chat3@3x.png'"
                [ngStyle]="tagData?.data?.firstRowChatBtnIconCssStyle|styleFilter" />

            <img class="type41-phone" *ngIf="tagData?.data?.firstRowPhoneBtn" appDebounceClick
                (debounceClick)="jumpPage($event,tagData.data.firstRowPhoneBtn)"
                [src]="tagData?.data?.firstRowPhoneBtnIcon" onerror="this.src='assets/fw/expert_icon_chat3@3x.png'"
                [ngStyle]="tagData?.data?.firstRowPhoneBtnIconCssStyle|styleFilter" />
        </div>


        <div class="type41-fr 2" [ngStyle]="tagData?.data?.secondRowBoxCssStyle|styleFilter">



            <span class="type41-label" *ngIf="tagData?.data?.secondRowLabel"
                [ngStyle]="tagData?.data?.secondRowLabelCssStyle|styleFilter">{{tagData?.data?.secondRowLabel}}</span>

            <span class="type41-value" *ngIf="tagData?.data?.secondRowValue"
                [ngStyle]="tagData?.data?.secondRowValueCssStyle|styleFilter">{{tagData?.data?.secondRowValue}}</span>

            <img class="type41-chat" *ngIf="tagData?.data?.secondRowChatBtn" appDebounceClick
                (debounceClick)="jumpPage($event,tagData.data.secondRowChatBtn)"
                [src]="tagData?.data?.firstRowChatBtnIcon" onerror="this.src='assets/fw/expert_icon_chat3@3x.png'"
                [ngStyle]="tagData?.data?.secondRowChatBtnIconCssStyle|styleFilter" />

            <img class="type41-phone" *ngIf="tagData?.data?.secondRowPhoneBtn" appDebounceClick
                (debounceClick)="jumpPage($event,tagData.data.secondRowPhoneBtn)"
                [src]="tagData?.data?.secondRowPhoneBtnIcon" onerror="this.src='assets/fw/expert_icon_chat3@3x.png'"
                [ngStyle]="tagData?.data?.secondRowPhoneBtnIconCssStyle|styleFilter" />
        </div>

        <div class="type41-fr 3" [ngStyle]="tagData?.data?.thirdRowBoxCssStyle|styleFilter">

            <span class="type41-label" *ngIf="tagData?.data?.thirdRowLabel"
                [ngStyle]="tagData?.data?.thirdRowLabelCssStyle|styleFilter">{{tagData?.data?.thirdRowLabel}}</span>

            <span class="type41-value" *ngIf="tagData?.data?.thirdRowValue"
                [ngStyle]="tagData?.data?.thirdRowValueCssStyle|styleFilter">{{tagData?.data?.thirdRowValue}}</span>

            <img class="type41-chat" *ngIf="tagData?.data?.thirdRowChatBtn" appDebounceClick
                (debounceClick)="jumpPage($event,tagData.data.thirdRowChatBtn)"
                [src]="tagData?.data?.thirdRowChatBtnIcon" onerror="this.src='assets/fw/expert_icon_chat3@3x.png'"
                [ngStyle]="tagData?.data?.thirdRowChatBtnIconCssStyle|styleFilter" />

            <img class="type41-phone" *ngIf="tagData?.data?.thirdRowPhoneBtn" appDebounceClick
                (debounceClick)="jumpPage($event,tagData.data.thirdRowPhoneBtn)"
                [src]="tagData?.data?.thirdRowPhoneBtnIcon" onerror="this.src='assets/fw/expert_icon_chat3@3x.png'"
                [ngStyle]="tagData?.data?.thirdRowPhoneBtnIconCssStyle|styleFilter" />
        </div>

    </div>
</ng-container>

<!--蜂喔用户2.1.0 资质证书-->
<ng-container *ngIf="tagData.data.cssType==='46-pic-with-title'">
    <div class="type46-container" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">

        <ng-container *ngFor="let pic of picData">

            <span class="type46-title" *ngIf="pic.title"
                [ngStyle]="tagData.data?.titleCssStyle|styleFilter">{{pic.title}}</span>


            <img class="type46-img" *ngIf="pic.url" [src]="pic.url" onerror="this.src='assets/img/375x250@2x.png'"
                [ngStyle]="tagData?.data?.picCssStyle|styleFilter" />
        </ng-container>
    </div>
</ng-container>



<!--蜂喔商户2.2.0 分享获客，累计收入，本月收入-->
<ng-container *ngIf="tagData.data.cssType==='47-view-balance-button'">
    <div class="view-balance-box" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">
        <div class="salary-box" [ngStyle]="tagData.data?.salaryBoxCssStyle|styleFilter">
            <div class="detail-salary" [ngStyle]="tagData.data?.totalSalaryBoxCssStyle|styleFilter">
                <span class="salary-label" *ngIf="tagData.data?.totalSalaryLabel"
                    [ngStyle]="tagData.data?.totalSalaryLabelCssStyle|styleFilter">{{tagData.data?.totalSalaryLabel}}</span>
                <span class="salary-amount" *ngIf="tagData.data?.totalSalaryAmount"
                    [ngStyle]="tagData.data?.totalSalaryAmountCssStyle|styleFilter">
                    {{(getInterger(tagData.data?.totalSalaryAmount - 0) | currency:'CNY':'':'1.0-0')}}<i
                        class="price-digits-o"
                        [ngStyle]="tagData.data?.totalSalaryAmountDigitsCssStyle|styleFilter">{{(tagData.data?.totalSalaryAmount
                        - 0 |
                        currency:'CNY':'':'0.2-2')+''|slice:-3}}</i>
                    <span class="salary-label" *ngIf="tagData.data?.totalSalaryUnit"
                        [ngStyle]="tagData.data?.totalSalaryUnitCssStyle|styleFilter">{{tagData.data?.totalSalaryUnit}}</span>
                </span>
            </div>
            <div class="detail-salary" [ngStyle]="tagData.data?.monthSalaryBoxCssStyle|styleFilter">
                <span class="salary-label" *ngIf="tagData.data?.monthSalaryLabel"
                    [ngStyle]="tagData.data?.monthSalaryLabelCssStyle|styleFilter">{{tagData.data?.monthSalaryLabel}}</span>

                <span class="salary-amount" *ngIf="tagData.data?.monthSalaryAmount"
                    [ngStyle]="tagData.data?.monthSalaryAmountCssStyle|styleFilter">
                    {{(getInterger(tagData.data?.monthSalaryAmount - 0) | currency:'CNY':'':'1.0-0')}}<i
                        class="price-digits-o"
                        [ngStyle]="tagData.data?.monthSalaryAmountDigitsCssStyle|styleFilter">{{(tagData.data?.monthSalaryAmount
                        - 0 |
                        currency:'CNY':'':'0.2-2')+''|slice:-3}}</i>
                    <span class="salary-label" *ngIf="tagData.data?.monthSalaryUnit"
                        [ngStyle]="tagData.data?.monthSalaryUnitCssStyle|styleFilter">{{tagData.data?.monthSalaryUnit}}</span>
                </span>
            </div>
        </div>

        <div class="detail-link-btn" appDebounceClick (debounceClick)="jumpPage($event,tagData.data?.detailButton)"
            [ngStyle]="tagData.data?.detailLinkBtnBoxCssStyle|styleFilter">

            <span class="detailLabel" *ngIf="tagData.data?.detailLabel"
                [ngStyle]="tagData.data?.detailLabelCssStyle|styleFilter">
                {{tagData.data?.detailLabel}}
            </span>

            <img class="arrowIcon" *ngIf="tagData.data?.imgUrl" [src]="tagData.data?.imgUrl"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_168368555653976f26f5ed5b9fa2d18809ccf7c1a0552.png'"
                [ngStyle]="tagData.data?.imgUrlCssStyle|styleFilter" />

        </div>

    </div>
</ng-container>

<!--50.获取快递数据列表-->
<ng-container *ngIf="tagData.data.cssType==='50-getExpressData'">
    <div class="view-express-box" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">
        <p *ngIf="tagData.data?.company" class="companyBox" [ngStyle]="tagData.data?.companyBoxCssStyle|styleFilter">
            {{tagData.data?.companyLabel}}<span
                [ngStyle]="tagData.data?.companyLabelCssStyle|styleFilter">{{tagData.data?.company.fullname}}</span>
        </p>

        <ng-container
            *ngIf="tagData.data.expressData&&tagData.data.expressData.length>0; else elseEmptyExpressDataTemplate">
            <ng-container *ngFor="let item of tagData.data.expressData;let i = index">


                <div class="express" [ngStyle]="tagData.data?.expressBoxCssStyle | styleFilter">
                    <div class="express-circle" [ngStyle]="tagData.data?.expressCircleCssStyle | styleFilter">
                        <div class="top-circle-left" [ngStyle]="tagData.data?.circleCssStyle | styleFilter"
                            [ngClass]="{'action': i===0}">
                        </div>
                        <span *ngIf="i !== tagData.data.expressData.length - 1" class="label-left isGrayBg"
                            style="height: 100%;" [ngStyle]="tagData.data?.itemCircleLineCssStyle | styleFilter">
                        </span>
                    </div>
                    <div class="top-content" [ngStyle]="tagData.data?.itemBoxCssStyle | styleFilter">
                        <span class="express-left"
                            [ngStyle]="tagData.data?.itemTimeCssStyle | styleFilter">{{item.time|customDateFilter:'mm'}}
                        </span>
                        <div [ngStyle]="tagData.data?.itemDescCssStyle | styleFilter"><span
                                [innerHTML]="item.context"></span> </div>
                        <div [ngStyle]="tagData.data?.subContextCssStyle | styleFilter"><span
                                    [innerHTML]="item.subContext"></span> </div>
                    </div>
                </div>


                <div class="bottom" *ngIf="i !== tagData.data.expressData.length - 1">
                    <div class="express-lable">
                        <span *ngIf="i !== tagData.data.length - 1"
                            [ngStyle]="tagData.data?.borderCssStyle | styleFilter"
                            [ngClass]="item.status === '2'?'':'isGrayBg'" class="label-left"></span>
                        <span *ngIf="item.label && item.status === '1'"
                            [ngStyle]="tagData.data?.labelCssStyle| styleFilter"
                            class="label-right">{{item.context}}</span>
                        
                    </div>
                </div>
            </ng-container>
        </ng-container>
        <ng-template #elseEmptyExpressDataTemplate>
            <p class="emptyExpressData" [ngStyle]="tagData.data?.emptyDataTipsCssStyle| styleFilter">
                {{tagData.data?.emptyDataTips}}</p>
        </ng-template>



    </div>


</ng-container>



<!--51.切换收货地址按钮 蜂喔用户 2.2.16 版本-->
<ng-container *ngIf="tagData.data.cssType==='51-reLocationAfterEntryPage'">

    <div class="location-box" *ngIf="tagData.data?.bgBoxCssStyle" [ngStyle]="tagData.data?.bgBoxCssStyle|styleFilter">

        <img *ngIf="tagData.data?.bgImgUrl" [src]="tagData.data?.bgImgUrl" class="relocation-bg-img"
            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_17202322512735449e9dcbe078078abbd13534876b69c.png'"
            [ngStyle]="tagData.data?.bgImgUrlCssStyle|styleFilter"
            onload="window['appGlobalService'].loadImgPicCallBack('1')" />

        <p id="{{locationLabelId}}" class="address-label"
            [ngStyle]="tagData.data?.locationAddressLabelCssStyle|styleFilter">{{appGlobalService.locationAddressLabel}}
        </p>

        <p class="delivery-label" *ngIf="tagData.data?.deliveryAddressLabel"
            [ngStyle]="tagData.data?.deliveryAddressLabelCssStyle|styleFilter">
            {{tagData.data?.deliveryAddressLabel}}</p>

        <div class="location-switch-btn" *ngIf="tagData.data?.btnIconUrl" appDebounceClick
            (debounceClick)="gotoPage2(tagData.data.switchButton.link,$event)"
            [ngStyle]="tagData.data?.btnIconCssStyle|styleFilter">
            <img *ngIf="tagData.data?.btnIconUrl" [src]="tagData.data?.btnIconUrl" class="location-btn-icon"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_172023251687732c83dad1845d7c7f3a1aafea097941e.png'"
                [ngStyle]="tagData.data?.btnIconUrlCssStyle|styleFilter" />

            <p class="btn-icon-label" [ngStyle]="tagData.data?.btnIconLabelCssStyle|styleFilter">
                {{tagData.data?.btnIconLabel}}</p>
        </div>

    </div>

</ng-container>





<!-- 52. 2024.01.04 隐私政策信息-->
<ng-container *ngIf="tagData.data.cssType==='52-privacy-info'">
    <div class="privacy-box" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">
        <span [ngStyle]="tagData.data?.topLeftLabelCssStyle|styleFilter">{{tagData.data?.topLeftLabel}}</span>
        <div class="privacy-top-box" [ngStyle]="tagData.data?.privacyTopBoxCssStyle|styleFilter">
            {{tagData.data?.privacyOneLeftLabel}}
            <span class="app-privacy one" [ngStyle]="tagData.data?.privacyOneCssStyle|styleFilter"
                (click)="openLink($event,tagData.data?.privacyOneAddress)">{{tagData.data?.privacyOne}}</span>
            {{tagData.data?.privacyOneRightLabel}}
            <span class="app-privacy two" [ngStyle]="tagData.data?.privacyTwoCssStyle|styleFilter"
                (click)="openLink($event,tagData.data?.privacyTwoAddress)">{{tagData.data?.privacyTwo}}</span>
            {{tagData.data?.privacyTwoRightLabel}}
            <span class="app-privacy three" [ngStyle]="tagData.data?.privacyThreeCssStyle|styleFilter"
                (click)="openLink($event,tagData.data?.privacyThreeAddress)">{{tagData.data?.privacyThree}}</span>
            {{tagData.data?.privacyThreeRightLabel}}
            <span class="app-privacy four" [ngStyle]="tagData.data?.privacyFourCssStyle|styleFilter"
                (click)="openLink($event,tagData.data?.privacyFourAddress)">{{tagData.data?.privacyFour}}</span>
            {{tagData.data?.privacyFourRightLabel}}
        </div>

        <div class="privacy-right-tips" [ngStyle]="tagData.data?.middleLeftLabelCssStyle|styleFilter">
            {{tagData.data?.middleLeftLabel}}</div>

        <div class="privacy-middle-box" [ngStyle]="tagData.data?.privacyMiddleBoxCssStyle|styleFilter">

            <p class="privacy-tips one" [ngStyle]="tagData.data.privacyOneBoxCssStyle|styleFilter"><img
                    class="privacy-icon" src="{{tagData.data.privacyIconOne}}"
                    onerror="this.src='assets/fw/expert_icon_ssj.png'"
                    [ngStyle]="tagData.data.privacyIconOneCssStyle|styleFilter">
                {{tagData.data.privacyIconOneLabel}}
            </p>
            <p class="privacy-tips-label one" [ngStyle]="tagData.data.privacyTipsOneCssStyle|styleFilter">
                {{tagData.data.privacyTipsOne}}</p>
            <p class="privacy-tips two" [ngStyle]="tagData.data.privacyTwoBoxCssStyle|styleFilter"><img
                    class="privacy-icon" src="{{tagData.data.privacyIconTwo}}"
                    onerror="this.src='assets/fw/expert_icon_ssj.png'"
                    [ngStyle]="tagData.data.privacyIconTwoCssStyle|styleFilter">
                {{tagData.data.privacyIconTwoLabel}}</p>
            <p class="privacy-tips-label two" [ngStyle]="tagData.data.privacyTipsTwoCssStyle|styleFilter">
                {{tagData.data.privacyTipsTwo}}</p>
            <p class="privacy-tips three" [ngStyle]="tagData.data.privacyThreeBoxCssStyle|styleFilter"><img
                    class="privacy-icon" src="{{tagData.data.privacyIconThree}}"
                    onerror="this.src='assets/fw/expert_icon_ssj.png'"
                    [ngStyle]="tagData.data.privacyIconThreeCssStyle|styleFilter">
                {{tagData.data.privacyIconThreeLabel}}</p>
            <p class="privacy-tips-label three" [ngStyle]="tagData.data.privacyTipsThreeCssStyle|styleFilter">
                {{tagData.data.privacyTipsThree}}</p>
            <p class="privacy-tips four" [ngStyle]="tagData.data.privacyFourBoxCssStyle|styleFilter"><img
                    class="privacy-icon" src="{{tagData.data.privacyIconFour}}"
                    onerror="this.src='assets/fw/expert_icon_ssj.png'"
                    [ngStyle]="tagData.data.privacyIconFourCssStyle|styleFilter">
                {{tagData.data.privacyIconFourLabel}}</p>
            <p class="privacy-tips-label four" [ngStyle]="tagData.data.privacyTipsFourCssStyle|styleFilter">
                {{tagData.data.privacyTipsFour}}</p>

        </div>

        <div class="privacy-right-tips" [ngStyle]="tagData.data?.bottomLabelCssStyle|styleFilter">
            {{tagData.data?.bottomLabel}} <span class="app-privacy five"
                [ngStyle]="tagData.data?.bottomLabelPrivacyCssStyle|styleFilter"
                (click)="openLink($event,tagData.data?.privacyOneAddress)">{{tagData.data?.bottomLabelPrivacy}}</span><span
                class="five"
                [ngStyle]="tagData.data?.bottomLabelRightCssStyle|styleFilter">{{tagData.data?.bottomLabelRight}}</span>
        </div>

        <div class="privacy-right-tips" [ngStyle]="tagData.data?.bottomLabel1CssStyle|styleFilter">
            {{tagData.data?.bottomLabel1}}</div>
        <div class="privacy-right-tips" [ngStyle]="tagData.data?.bottomLabel2CssStyle|styleFilter">
            {{tagData.data?.bottomLabel2}}</div>
        <div class="privacy-right-tips" [ngStyle]="tagData.data?.bottomLabel3CssStyle|styleFilter">
            {{tagData.data?.bottomLabel3}}</div>
        <div class="privacy-right-tips" [ngStyle]="tagData.data?.bottomLabel4CssStyle|styleFilter">
            {{tagData.data?.bottomLabel4}}</div>
    </div>

</ng-container>


<!--53.重新定位按钮 -->
<ng-container *ngIf="tagData.data.cssType==='53-relocation-btn'">
    <div class="relocation-box" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">

        <ng-container *ngIf="alreadyGetCurrentLocation; else elseUnLocationTemplate">
            <span class="relocation-label locationed" [ngStyle]="tagData.data?.topLeftLabel2CssStyle|styleFilter">
                <ng-container
                    *ngIf="appGlobalService?.callBackFunctionOnGetAddressByPoint&&appGlobalService?.callBackFunctionOnGetAddressByPoint!==''; else elseTemplate">
                    {{appGlobalService.callBackFunctionOnGetAddressByPoint}}
                </ng-container>
                <ng-template #elseGlobalAddressIsEmptyTemplate>
                    {{tagData.data?.topLeftLabel2}}
                </ng-template>
            </span>
        </ng-container>
        <ng-template #elseUnLocationTemplate>
            <span class="relocation-label" [ngStyle]="tagData.data?.topLeftLabelCssStyle|styleFilter">
                {{tagData.data?.topLeftLabel}}</span>
        </ng-template>
        <div class="relocation-right-btn" *ngIf="tagData?.data?.rightBtn"
            [ngStyle]="tagData?.data?.rightBtnCssStyle|styleFilter" appDebounceClick
            (debounceClick)="relocation(tagData?.data?.rightBtn)">
            <img class="relocation-btn-icon" *ngIf="alreadyGetCurrentLocation&&tagData?.data?.rightBtnIcon"
                [src]="tagData?.data?.rightBtnIcon"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1711782475485340cc063fa35ced38879b00483976582.png'"
                [ngStyle]="tagData?.data?.rightBtnIconCssStyle|styleFilter" />
            <ng-container *ngIf="alreadyGetCurrentLocation; else elseUnLocationLabelTemplate">
                <span class="relocation-btn-label"
                    [ngStyle]="tagData.data?.rightBtnLabel2CssStyle|styleFilter">{{tagData?.data?.rightBtnLabel2}}</span>
            </ng-container>
            <ng-template #elseUnLocationLabelTemplate>
                <span class="relocation-btn-label"
                    [ngStyle]="tagData.data?.rightBtnLabelCssStyle|styleFilter">{{tagData.data?.rightBtnLabel}}</span>
            </ng-template>
        </div>
    </div>
</ng-container>

<!--55.去结算按钮 -->
<ng-container *ngIf="tagData.data.cssType==='55-go-settle'">
    <div class="settle-box" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">
        <div class="settle-left-box" [ngStyle]="tagData.data?.settleBoxCssStyle|styleFilter">
            <div class="settle-icon-box" [ngStyle]="tagData.data?.settleIconBoxCssStyle|styleFilter" appDebounceClick
                (debounceClick)="openCartPage(tagData?.data?.leftBtn)">

                <ng-container
                    *ngIf="tagData.data.useCustomNumberAndAmount !== undefined; else elseNormalNumberOfCartTemplate">
                    <ng-container *ngIf="appGlobalService?.modalCartNum>0">
                        <ng-container *ngIf="appGlobalService?.numberOfCart <= 9; else elseBigThanNightTemplate">
                            <ion-badge class="badge3 notCustomNumber3"
                                [ngStyle]="tagData?.data?.badgeCssStyle|styleFilter">
                                {{appGlobalService?.modalCartNum}}</ion-badge>
                        </ng-container>
                        <ng-template #elseBigThanNightTemplate>
                            <ion-badge class="badge notCustomNumber4"
                                [ngStyle]="tagData?.data?.badgeCssStyle|styleFilter">
                                {{appGlobalService?.modalCartNum}}</ion-badge>
                        </ng-template>
                    </ng-container>
                </ng-container>
                <ng-template #elseNormalNumberOfCartTemplate>
                    <ng-container *ngIf="appGlobalService?.numberOfCart>0">
                        <ng-container *ngIf="appGlobalService?.numberOfCart <= 9; else elseBigThanNightTemplate">
                            <ion-badge class="badge3 notCustomNumber1"
                                [ngStyle]="tagData?.data?.badgeCssStyle|styleFilter">
                                {{appGlobalService?.numberOfCart}}</ion-badge>
                        </ng-container>
                        <ng-template #elseBigThanNightTemplate>
                            <ion-badge class="badge notCustomNumber2"
                                [ngStyle]="tagData?.data?.badgeCssStyle|styleFilter">
                                {{appGlobalService?.numberOfCart}}</ion-badge>
                        </ng-template>
                    </ng-container>


                </ng-template>
                <img class="settle-left-icon" *ngIf="tagData?.data?.leftIcon" [src]="tagData?.data?.leftIcon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1712645593039aa5267c25fd4e483b899209bd61e0429.png'"
                    [ngStyle]="tagData?.data?.leftIconCssStyle|styleFilter" />
            </div>


            <div class="settle-left-label-box" [ngStyle]="tagData.data?.settleLeftLabelBoxCssStyle|styleFilter">
                <span class="settle-left-label" *ngIf="tagData.data?.leftLabel1"
                    [ngStyle]="tagData.data?.leftLabel1CssStyle|styleFilter">{{tagData.data?.leftLabel1}}</span>
                <span class="settle-left-label" *ngIf="tagData.data?.leftLabel2"
                    [ngStyle]="tagData.data?.leftLabel2CssStyle|styleFilter">{{tagData.data?.leftLabel2}}</span>

                <span class="settle-price" *ngIf="tagData.data?.leftPrice"
                    [ngStyle]="tagData.data?.leftPriceCssStyle|styleFilter">
                    {{(getInterger(appGlobalService?.settleCartPrice) | currency:'CNY':'':'1.0-0')}}<i
                        class="price-digits-o" [ngStyle]="tagData.data?.leftPriceDigitsCssStyle|styleFilter">{{(
                        appGlobalService?.settleCartPrice |
                        currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></span>
                <span class="settle-left-label" *ngIf="tagData.data?.leftLabel3"
                    [ngStyle]="tagData.data?.leftLabel3CssStyle|styleFilter">{{tagData.data?.leftLabel3}}</span>
            </div>
        </div>


        <div class="settle-right-box" [ngStyle]="tagData?.data?.rightBoxCssStyle|styleFilter">
            <div class="settle-right-btn" [ngStyle]="tagData?.data?.rightBtnBoxCssStyle|styleFilter" appDebounceClick
                (debounceClick)="gotoSettle(tagData?.data?.rightBtn)">
                <img class="settle-btn-icon" *ngIf="tagData?.data?.rightBtnIcon" [src]="tagData?.data?.rightBtnIcon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1711782475485340cc063fa35ced38879b00483976582.png'"
                    [ngStyle]="tagData?.data?.rightBtnIconCssStyle|styleFilter" alt="" />

                <span class="settle-right-label" *ngIf="tagData.data?.rightLabel"
                    [ngStyle]="tagData.data?.rightLabelCssStyle|styleFilter">{{tagData.data?.rightLabel}}</span>
            </div>
        </div>
    </div>
</ng-container>

<!--56.商户报表 2.2.22版本-->
<ng-container *ngIf="tagData.data.cssType==='56-merchant-report'">
    <div class="report-box" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">
        <div class="report-top-box" [ngStyle]="tagData.data?.topBoxCssStyle|styleFilter">
            <div class="report-label-box box1" [ngStyle]="tagData.data?.topLeftLabelBoxCssStyle|styleFilter">
                <div class="leftLabel" *ngIf="tagData.data?.leftLabel"
                    [ngStyle]="tagData.data?.leftLabelCssStyle|styleFilter">{{tagData.data?.leftLabel}}</div>
                <div class="leftValue" *ngIf="tagData.data?.leftValue"
                    [ngStyle]="tagData.data?.leftValueCssStyle|styleFilter">{{tagData.data?.leftValue}}</div>
            </div>
            <div class="report-label-box box2" [ngStyle]="tagData.data?.topRightLabelBoxCssStyle|styleFilter">
                <div class="leftLabel" *ngIf="tagData.data?.rightLabel"
                    [ngStyle]="tagData.data?.rightLabelCssStyle|styleFilter">{{tagData.data?.rightLabel}}</div>
                <div class="leftValue" *ngIf="tagData.data?.rightValue"
                    [ngStyle]="tagData.data?.rightValueCssStyle|styleFilter">{{tagData.data?.rightValue}}</div>
            </div>
        </div>

        <div class="report-main-box" [ngStyle]="tagData.data?.mainBoxCssStyle|styleFilter">
            <div class="report-main-header" *ngIf="tagData.data?.mainHeaderLabel"
                [ngStyle]="tagData.data?.mainHeaderLabelCssStyle|styleFilter">
                {{tagData.data?.mainHeaderLabel}}
            </div>

            <div class="report-content-box" [ngStyle]="tagData.data?.mainContentBoxCssStyle|styleFilter">

                <div class="report-btn btn1" appDebounceClick (debounceClick)="goPage(tagData?.data?.btn1?.link)">
                    <div class="btnLabel" [ngStyle]="tagData?.data?.btn1LabelCssStyle|styleFilter">
                        {{tagData?.data?.btn1Label}}
                        <img class="btnLabelIcon" *ngIf="tagData?.data?.btn1LabelIcon"
                            [src]="tagData?.data?.btn1LabelIcon"
                            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1716274050224f33c6cd68e92720d3b5fbc18040f6c63.png'"
                            [ngStyle]="tagData?.data?.btn1LabelIconCssStyle|styleFilter" />
                    </div>

                    <div class="btnValue" *ngIf="tagData.data?.btn1Value"
                        [ngStyle]="tagData.data?.btn1ValueCssStyle|styleFilter">{{tagData.data?.btn1Value}}</div>

                </div>
                <div class="report-btn btn2" appDebounceClick (debounceClick)="goPage(tagData?.data?.btn2?.link)">
                    <div class="btnLabel" [ngStyle]="tagData?.data?.btn2LabelCssStyle|styleFilter">
                        {{tagData?.data?.btn2Label}}
                        <img class="btnLabelIcon" *ngIf="tagData?.data?.btn2LabelIcon"
                            [src]="tagData?.data?.btn2LabelIcon"
                            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1716274050224f33c6cd68e92720d3b5fbc18040f6c63.png'"
                            [ngStyle]="tagData?.data?.btn2LabelIconCssStyle|styleFilter" />
                    </div>

                    <div class="btnValue" *ngIf="tagData.data?.btn2Value"
                        [ngStyle]="tagData.data?.btn2ValueCssStyle|styleFilter">{{tagData.data?.btn2Value}}</div>
                </div>
                <div class="report-btn btn3" appDebounceClick (debounceClick)="goPage(tagData?.data?.btn3?.link)">

                    <div class="btnLabel" [ngStyle]="tagData?.data?.btn3LabelCssStyle|styleFilter">
                        {{tagData?.data?.btn3Label}}
                        <img class="btnLabelIcon" *ngIf="tagData?.data?.btn3LabelIcon"
                            [src]="tagData?.data?.btn3LabelIcon"
                            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1716274050224f33c6cd68e92720d3b5fbc18040f6c63.png'"
                            [ngStyle]="tagData?.data?.btn3LabelIconCssStyle|styleFilter" />
                    </div>
                    <div class="btnValue" *ngIf="tagData.data?.btn3Value"
                        [ngStyle]="tagData.data?.btn3ValueCssStyle|styleFilter">{{tagData.data?.btn3Value}}</div>
                </div>

            </div>

        </div>
    </div>
</ng-container>


<!--57.2.2.22版本搜索小区-->
<ng-container *ngIf="tagData.data.cssType==='57-community-search'">
    <div class="comunity-map-box" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">
        <app-show-map [tagData]="tagData"></app-show-map>
    </div>
</ng-container>

<!--58. 2.3.2 快递服务输入运单号查询 -->
<ng-container *ngIf="tagData.data.cssType==='58-tracking-number-search'">
    <div class="tracking-num-box" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">
        <div class="tracking-input-box" [ngStyle]="tagData.data?.inputBoxCssStyle|styleFilter">
            <div class="tracking-leftIcon-box" appDebounceClick (debounceClick)="goPage(tagData.data.leftButton.link)"
                [ngStyle]="tagData.data?.leftIconBoxCssStyle|styleFilter">
                <img class="tracking-left-icon" *ngIf="tagData.data?.leftIcon" [src]="tagData.data?.leftIcon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1718161161971e7b187c77991407863b86f4b6aaf5633.png'"
                    [ngStyle]="tagData.data?.leftIconCssStyle|styleFilter" />
                <span class="tracking-hint-label" *ngIf="tagData.data?.searchHintLabel"
                    [ngStyle]="tagData.data?.searchHintLabelCssStyle|styleFilter">{{tagData.data?.searchHintLabel}}</span>
            </div>
            <img class="tracking-scan-icon" appDebounceClick (debounceClick)="goPage(tagData.data.scanButton.link)"
                *ngIf="tagData.data?.rightIcon" [src]="tagData.data?.rightIcon"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_17181612439206943a0db7fa8f38fb4a2d5b0c2d8d350.png'"
                [ngStyle]="tagData.data?.rightIconCssStyle|styleFilter" />
        </div>
        <div class="tracking-button" [ngStyle]="tagData.data?.buttonBoxCssStyle|styleFilter">
            <span class="tracking-btn-label" *ngIf="tagData.data?.btnLabel"
                id="{{tagData.data?.autoGotoSearchByNumberId}}" appDebounceClick
                (debounceClick)="goSearchWithId(tagData.data.rightButton.link)"
                [ngStyle]="tagData.data?.btnLabelCssStyle|styleFilter">{{tagData.data?.btnLabel}}</span>
        </div>
    </div>
</ng-container>


<!--60-expressOrderBtn 寄件下单按钮-->
<ng-container *ngIf="tagData.data.cssType==='60-expressOrderBtnNew'">
    <div class="express-order-box" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">

        <div class="express-order-inner-box" [ngStyle]="tagData.data?.innerBoxCssStyle|styleFilter" appDebounceClick
            (debounceClick)="goPage(tagData.data.btn.link)">
            <img class="express-order-icon" *ngIf="tagData.data?.leftIcon" [src]="tagData.data?.leftIcon"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_17181837539282cdb70559883ee88e1293774c0af0c61.png'"
                [ngStyle]="tagData.data?.leftIconCssStyle|styleFilter" />

            <div class="express-right-box" [ngStyle]="tagData.data?.buttonBoxCssStyle|styleFilter">
                <div class="express-top-label" *ngIf="tagData.data?.btnLabel"
                    [ngStyle]="tagData.data?.btnLabelCssStyle|styleFilter">{{tagData.data?.btnLabel}}

                    <div class="express-top-badge" *ngIf="tagData.data?.badge"
                        [ngStyle]="tagData.data?.badgeCssStyle|styleFilter"> </div>
                </div>

                <div class="express-bottom-label" *ngIf="tagData.data?.btnLabel1"
                    [ngStyle]="tagData.data?.btnLabel1CssStyle|styleFilter">{{tagData.data?.btnLabel1}}</div>
            </div>
        </div>

    </div>
</ng-container>

<!--2024.09.18 华为应用市场整改 剩余试用次数-->
<ng-container *ngIf="tagData.data.cssType==='huawei_allowed_trials'">
    <div class="huawei-trials-box" [ngStyle]="tagData.data?.outerBoxCssStyle|styleFilter">
        <div class="huawei-trials-inner-box" [ngStyle]="tagData.data?.innerBoxCssStyle|styleFilter">
            <div class="huawei-trials-right-box" [ngStyle]="tagData.data?.rightBoxCssStyle|styleFilter">
                <div class="huawei-trials-top-label" [ngStyle]="tagData.data?.labelBoxCssStyle|styleFilter">

                    <div class="allowedTips" *ngIf="tagData.data?.allowedTips"
                        [ngStyle]="tagData.data?.allowedTipsCssStyle|styleFilter">{{tagData.data?.allowedTips}} </div>

                    <div class="allowedTrials" *ngIf="tagData.data?.allowedTrials"
                        [ngStyle]="tagData.data?.allowedTrialsCssStyle|styleFilter">{{tagData.data?.allowedTrials}}
                    </div>

                    <div class="allowedTips1" *ngIf="tagData.data?.allowedTips1"
                        [ngStyle]="tagData.data?.allowedTips1CssStyle|styleFilter">{{tagData.data?.allowedTips1}} </div>


                    <div class="quickTryLabel" *ngIf="tagData.data?.quickTryLabel" appDebounceClick
                        (debounceClick)="goPage(tagData.data.quickTryBtn.link)"
                        [ngStyle]="tagData.data?.quickTryLabelCssStyle|styleFilter">{{tagData.data?.quickTryLabel}}
                    </div>

                </div>

                <div class="bottom-label" *ngIf="tagData.data?.btnLabel1"
                    [ngStyle]="tagData.data?.btnLabel1CssStyle|styleFilter">{{tagData.data?.btnLabel1}}</div>
            </div>
        </div>

    </div>
</ng-container>





<div *ngIf="tagData?.data?.bottomGap" class="bottomGap" [ngStyle]="tagData?.data?.bottomGap|styleFilter"></div>